@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--red:#ef1740;--mint:#51e6c2;--ink:#090b0c;--muted:#687076;--line:#e8eceb;--surface:#fff;--soft:#f5f7f6;--green:#0c6b58;--shadow:0 10px 30px #0c191812}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#080a0b;width:260px;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{border-bottom:1px solid #262a2b;align-items:center;gap:10px;margin-bottom:14px;padding:4px 10px 20px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:12px;flex:none;width:52px;height:52px;padding:4px}.brand strong{letter-spacing:.4px;font-family:Barlow Condensed;font-size:22px}.brand span{color:#9da6a4;font-size:11px;display:block}.nav-label{color:#7e8785;text-transform:uppercase;letter-spacing:1.4px;padding:12px 12px 6px;font-size:10px}.nav-item{color:#cbd0cf;border-radius:10px;align-items:center;gap:10px;margin:2px 0;padding:10px 12px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#1d2525,#121617)}.nav-item.active{box-shadow:inset 3px 0 0 var(--mint)}.main{width:calc(100% - 260px);min-width:0;margin-left:260px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:20px}.content{max-width:1500px;margin:auto;padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-size:11px;font-weight:700}.page-title{letter-spacing:.2px;margin:4px 0 6px;font-family:Barlow Condensed;font-size:34px}.page-subtitle{color:var(--muted);margin:0 0 22px;font-size:13px}.grid{gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px}.metric{position:relative;overflow:hidden}.metric:after{content:"";background:#51e6c21f;border-radius:50%;width:70px;height:70px;position:absolute;top:-25px;right:-25px}.metric .label{color:var(--muted);font-size:12px}.metric .value{margin-top:6px;font-family:Barlow Condensed;font-size:34px}.metric .delta{color:var(--green);margin-top:4px;font-size:11px}.metric.red .value{color:var(--red)}.metric.mint .value{color:var(--green)}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head h2{margin:0;font-size:16px}.btn{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#1a2021}.btn-red{background:var(--red);color:#fff}.btn-mint{background:var(--mint);color:#062b24}.btn-ghost{color:#202626;background:#f1f4f3}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{color:#78817f;text-transform:uppercase;letter-spacing:.8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 10px;font-size:10px}.table td{white-space:nowrap;border-bottom:1px solid #eef1f0;padding:13px 10px}.badge{border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{color:#08705d;background:#e2f7f1}.badge-red{color:#c40d31;background:#ffe7eb}.badge-yellow{color:#946800;background:#fff5d9}.badge-blue{color:#275a9a;background:#e5efff}.badge-gray{color:#5c6664;background:#eef1f1}.progress{background:#e8eceb;border-radius:20px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg,var(--mint),#18a88d);border-radius:20px;height:100%;display:block}.alert{border:1px solid var(--line);background:#fafbfb;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:12px;display:flex}.alert strong{margin-bottom:3px;display:block}.alert small{color:var(--muted)}.dot{background:var(--mint);border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.dot.red{background:var(--red)}.dot.yellow{background:#e4ac19}.dot.blue{background:#4285f4}.hero{color:#fff;background:linear-gradient(135deg,#0a0d0e 0%,#121918 65%,#0b4438 100%);border-radius:18px;padding:24px;position:relative;overflow:hidden}.hero:after{content:"";border:60px solid #51e6c214;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-90px}.hero h2{margin:0 0 5px;font-family:Barlow Condensed;font-size:32px}.hero p{color:#b6c1be;max-width:580px;font-size:12px;line-height:1.7}.kpi-line{gap:26px;margin-top:18px;display:flex}.kpi-line div{color:#9da8a5;font-size:11px}.kpi-line strong{color:#fff;font-family:Barlow Condensed;font-size:25px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#4f5957;font-size:11px;font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #dce2e0;border-radius:9px;outline:none;padding:10px 11px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#65d9c1;box-shadow:0 0 0 3px #51e6c226}.field textarea{resize:vertical;min-height:90px}.full{grid-column:1/-1}.toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:8px;width:min(360px,100%);padding:9px 11px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.timeline{align-items:center;gap:0;margin:18px 0;display:flex}.timeline-step{flex:1;align-items:center;display:flex}.timeline-step:last-child{flex:0}.timeline-dot{z-index:1;background:#fff;border:2px solid #ccd4d2;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.timeline-step.done .timeline-dot{background:var(--mint);border-color:var(--mint)}.timeline-step.current .timeline-dot{background:var(--ink);border-color:var(--ink);color:#fff}.timeline-line{background:#d9dfdd;flex:1;height:2px}.timeline-step.done .timeline-line{background:var(--mint)}.mobile-menu{display:none}.login-page{background:radial-gradient(circle at 80% 10%,#51e6c233,#0000 35%),#080a0b;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(460px,100%);padding:28px;box-shadow:0 30px 80px #0000004d}.login-logo{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-logo img{object-fit:contain;width:70px;height:70px}.login-logo strong{font-family:Barlow Condensed;font-size:28px}.muted{color:var(--muted)}.text-right{text-align:right}.empty{text-align:center;color:var(--muted);padding:35px;font-size:13px}.footer-note{color:#88918f;margin-top:18px;font-size:10px}.photo-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.photo-placeholder{aspect-ratio:1;color:#79827f;background:#e8eceb;border-radius:10px;place-items:center;font-size:11px;display:grid}.status-board{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.status-col{background:#f4f6f5;border:1px solid #e3e8e6;border-radius:12px;min-height:180px;padding:10px}.status-col h3{margin:0 0 10px;font-size:11px}.order-card{background:#fff;border:1px solid #e0e5e3;border-radius:10px;margin-bottom:8px;padding:11px;font-size:11px}.order-card strong{margin-bottom:4px;font-size:12px;display:block}.chart{align-items:end;gap:8px;height:190px;padding:12px 2px 0;display:flex}.bar{background:linear-gradient(#51e6c2,#0b6b58);border-radius:6px 6px 0 0;flex:1;min-height:8px}.chart-labels{gap:8px;display:flex}.chart-labels span{text-align:center;color:#8b9492;flex:1;font-size:9px}.toast{color:#fff;z-index:50;box-shadow:var(--shadow);background:#0b0d0e;border-radius:10px;padding:12px 15px;font-size:12px;position:fixed;bottom:22px;right:22px}@media (max-width:1100px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4,.status-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{width:100%;margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 16px}.content{padding:18px}.grid-5,.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.status-board{grid-template-columns:1fr}.kpi-line{flex-wrap:wrap;gap:15px}.hero h2{font-size:27px}}.workshop-logo-layout{grid-template-columns:minmax(130px,220px) 1fr;align-items:center;gap:18px;display:grid}@media (max-width:780px){.workshop-logo-layout{grid-template-columns:1fr}.topbar h1{font-size:17px}.brand{padding-left:8px;padding-right:8px}.brand strong{font-size:20px}}.quotation-mobile-list,.reception-mobile-list,.quality-mobile-list,.mobile-sidebar-close{display:none}.mobile-bottom-nav{z-index:40;min-height:calc(58px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0bf5;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#cbd0cf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:48px;font-size:9px;display:flex}.mobile-bottom-nav a:active,.mobile-bottom-nav a[aria-current=page]{color:#51e6c2;background:#1d2525}@media (max-width:780px){.quotation-desktop-table,.reception-desktop-table,.quality-desktop-table{display:none}.quotation-mobile-list,.reception-mobile-list,.quality-mobile-list{gap:12px;display:grid}.mobile-sidebar-close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}}html{overflow-x:hidden}body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}button{touch-action:manipulation}a{-webkit-tap-highlight-color:transparent}.page-title,.page-subtitle,.section-head,.card,.field,.table-wrap,.form-grid,.grid{min-width:0}.table-wrap,.data-table-wrap,.overflow-auto,.horizontal-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.table-wrap>table,.data-table-wrap>table,.overflow-auto>table{min-width:720px}@media (max-width:1100px){.content{padding-left:18px;padding-right:18px}.section-head{gap:14px}.page-title{font-size:clamp(24px,4vw,32px)}}@media (max-width:780px){.content{padding:14px}.topbar{padding-left:14px;padding-right:14px}.page-title{font-size:24px;line-height:1.15}.page-subtitle{font-size:12px;line-height:1.5}.section-head{flex-direction:column;align-items:stretch}.section-head>*{max-width:100%}.section-head .badge,.section-head .status,.section-head .btn{align-self:flex-start}.card{border-radius:12px;padding:14px}.form-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.field[style*=grid-column]{grid-column:1/-1!important}.btn,button.btn{min-height:42px}.btn-group,.actions,.page-actions,.toolbar-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.btn-group>*,.actions>*,.page-actions>*,.toolbar-actions>*,input,select,textarea{max-width:100%}textarea{min-height:110px}.status-board{grid-template-columns:1fr!important}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.timeline{padding-bottom:6px;overflow-x:auto}.timeline>*{min-width:110px}.mobile-hide{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}}@media (max-width:520px){.content{padding:10px}.card{padding:12px}.page-title{font-size:21px}.page-subtitle{font-size:11px}.photo-grid{grid-template-columns:1fr!important}.btn,button.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{justify-content:center;width:100%}.table-wrap>table,.data-table-wrap>table,.overflow-auto>table{min-width:640px}}
html,body{max-width:100%;overflow-x:hidden}*,:before,:after{min-width:0}img,svg,video,canvas{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.modal,.modal-backdrop,[role=dialog]{max-width:100vw}@media (max-width:1100px){.content{padding-left:20px;padding-right:20px}.page-title{font-size:32px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}}@media (max-width:780px){.shell{min-height:100dvh}.shell:before{pointer-events:none}.shell:has(.sidebar.open):before{content:"";z-index:15;pointer-events:auto;background:#00000070;position:fixed;inset:0}.sidebar{width:min(310px,88vw);padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:18px 0 50px #00000052}.main{width:100%;min-width:0;margin-left:0}.topbar{height:64px;min-height:64px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.topbar h1{font-size:17px;line-height:1.1}.mobile-menu{min-width:42px;min-height:42px;padding:9px;display:inline-flex}.content{width:100%;max-width:100%;padding-top:14px;padding-bottom:calc(86px + env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.section-head,.toolbar,.page-header{flex-wrap:wrap;align-items:stretch;gap:10px;width:100%}.section-head>*,.toolbar>*,.page-header>*{max-width:100%}.section-head .btn,.section-head>button,.toolbar .btn,.toolbar>button,.page-header .btn,.page-header>button{width:100%}.page-title{overflow-wrap:anywhere;font-size:29px;line-height:1.05}.page-subtitle{font-size:12px;line-height:1.55}.card{overflow-wrap:anywhere;border-radius:13px;width:100%;max-width:100%;padding:14px}.grid,.grid-2,.grid-3,.grid-4,.grid-5,.form-grid{width:100%;max-width:100%}.form-grid{grid-template-columns:1fr!important}.full,.field-full{grid-column:1/-1!important}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.field textarea{min-height:112px}.search{min-height:44px;width:100%!important}.btn{justify-content:center;min-height:44px}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:10px;width:100%;max-width:100%;position:relative;overflow:auto hidden}.table{min-width:680px}.table th,.table td{padding:10px 9px}.timeline{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:7px;overflow-x:auto}.timeline-step{min-width:92px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-board{grid-template-columns:1fr}.hero{border-radius:14px;padding:18px}.hero h2{font-size:27px}.kpi-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toast{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}.login-page{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.login-card{border-radius:14px;width:100%;padding:20px}.workshop-logo-layout{grid-template-columns:1fr!important}.mobile-bottom-nav{display:grid}}@media (min-width:781px){.mobile-bottom-nav{display:none!important}}@media (max-width:480px){.content{padding-left:10px;padding-right:10px}.card{padding:12px}.page-title{font-size:27px}.kpi-line{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.table{min-width:620px}}