@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";html body{color:#e7edf7;background:#0b1220}.app-shell .sidebar{background:#0d1728;border-right:1px solid #24344e}.app-shell main{background:#0b1220}.app-shell header{background:#111c2d;border-color:#253550}.app-shell .eyebrow{color:#8fa6c6}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4{color:#eef4ff}.app-shell .welcome p,.app-shell .card-title p,.app-shell .section-head p,.app-shell .form-title p{color:#9cb0ca}.app-shell .card{background:#121f32;border-color:#283a55;box-shadow:0 7px 22px #02071338}.app-shell .search{color:#9db0c9;background:#0d192a;border-color:#2a3b56}.app-shell .search input{color:#f0f5fd}.app-shell th,.app-shell td{border-color:#263954}.app-shell th{color:#90a6c2}.app-shell td{color:#bdcbe0}.app-shell td:first-child strong{color:#edf4ff}.app-shell td:first-child span{color:#91a6c0}.app-shell .stock-row,.app-shell .priority{border-color:#263954}.app-shell .stock-row p,.app-shell .priority p{color:#9eb0c7}.app-shell .work-order-form .form-section{background:#0e1a2b;border-color:#293d58}.app-shell .form-grid label,.app-shell .form-section>label{color:#b9c8dc}.app-shell .form-grid input,.app-shell .form-grid select,.app-shell .form-grid textarea,.app-shell .form-section>label input{color:#f0f5fd;background:#0a1423;border-color:#314561}.app-shell .location-panel{background:#0d292b;border-color:#2e7776}.app-shell .location-panel p{color:#a8c8c8}.app-shell .outline-button{color:#dbe7f6;background:#16263b;border-color:#3a506c}.app-shell .form-title{border-color:#2a3d57}.app-shell .data-error{color:#ffc4bd;background:#3a1d26}.app-shell .empty-state,.app-shell .empty-card{color:#9eb0c8}.app-shell .metric{box-shadow:none;background:#121f32;border-color:#283a55}.app-shell .metric h3{color:#e8f0fb}.app-shell .metric p{color:#91a6c0}.app-shell .profile{border-color:#2a3d57}.app-shell .sidebar button{color:#a9bdd5}.app-shell .sidebar button.active,.app-shell .sidebar button:hover{background:#1c3456}.app-shell .new-button{background:#138c8b}.app-shell .new-button:hover{background:#18a19f}body .login-page{background:radial-gradient(circle at 100% 0,#163a43,#0000 38%),#0b1220}body .login-card{background:#121f32;border-color:#2a3e59;box-shadow:0 20px 55px #02071366}body .login-card h1{color:#eef4ff}body .login-copy{color:#a7b8cc}body .login-card input{color:#eef4ff;background:#0a1423;border-color:#334964}.catalog-search{color:#83a1c5;background:#0a1423;border:1px solid #314561;border-radius:7px;align-items:center;gap:9px;margin-bottom:11px;padding:0 11px;display:flex}.catalog-search input{color:#edf4ff;background:0 0;border:0;outline:0;width:100%;padding:11px 0;font:13px DM Sans}.category-chips{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.category-chips button{color:#b8c8dd;cursor:pointer;background:#14243a;border:1px solid #36506f;border-radius:15px;padding:7px 10px;font:600 11px DM Sans}.category-chips button:hover,.category-chips button.active{color:#fff;background:#167e80;border-color:#1dacab}.catalog-grid,.picker-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;display:grid}.material-card{background:#0c1829;border:1px solid #2d4563;border-radius:8px;gap:8px;padding:13px;display:grid;position:relative}.material-card>div:first-child span{color:#62d2c6;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.material-card h4{color:#edf4ff;margin:4px 0;font:600 13px Outfit}.material-card small{color:#91a7c3;font-size:10px}.material-meta{align-items:baseline;gap:5px;display:flex}.material-meta b{color:#dce9fb;font-size:12px}.material-price{color:#78cfc4;font-size:11px}.material-card button{color:#baf3ed;cursor:pointer;background:#113b40;border:1px solid #2aa39e;border-radius:5px;padding:7px;font:600 11px DM Sans}.material-card button:hover{color:#fff;background:#176b6d}.stock-alert{gap:4px;margin-bottom:15px;display:grid;border-left:3px solid #ed9f45!important}.stock-alert b{color:#ffcb89;align-items:center;gap:7px;font-size:13px;display:flex}.stock-alert p{color:#aabbd0;margin:0;font-size:12px}.material-picker>p{color:#9db0c8;margin:-4px 0 2px;font-size:11px}.picker-grid{max-height:330px;padding:2px;overflow:auto}.planned-list{border-top:1px solid #29405d;gap:8px;margin-top:4px;padding-top:13px;display:grid}.planned-list>b{color:#dbe9fa;font-size:12px}.planned-list>p{color:#8ea3c0;margin:0;font-size:11px}.planned-row{background:#0a1423;border:1px solid #29415f;border-radius:6px;grid-template-columns:minmax(0,1fr) 80px 22px auto;align-items:center;gap:8px;padding:8px;display:grid}.planned-row span{color:#e5effc;font-size:12px}.planned-row small{color:#90a7c5;margin-top:2px;font-size:10px;display:block}.planned-row input{width:80px!important;padding:7px!important}.planned-row em{color:#92a6bf;font-size:11px;font-style:normal}.planned-row button{color:#ffc3bd;cursor:pointer;background:#482936;border:0;border-radius:5px;padding:7px;font:11px DM Sans}.consumption-panel{gap:13px;margin-bottom:15px;display:grid;border-left:3px solid #1b9e99!important}.consumption-panel h3{margin:0 0 4px;font:600 16px Outfit}.consumption-panel p{color:#9db0c8;margin:0;font-size:12px}.consumption-panel>select{color:#edf4ff;background:#0a1423;border:1px solid #314561;border-radius:7px;padding:11px;font:13px DM Sans}.used-materials{gap:7px;display:grid}.quick-add{flex-wrap:wrap;gap:6px;display:flex}.quick-add button{color:#c4d5eb;cursor:pointer;background:#14243a;border:1px solid #35506e;border-radius:5px;padding:6px 8px;font:11px DM Sans}.quick-add button:hover{color:#fff;background:#1c5160}.consumption-message{background:#12352f;border-radius:6px;color:#b6efe5!important;padding:9px!important}.openable-row{cursor:pointer}.openable-row:hover td{color:#f0f6ff;background:#172940}.detail-panel{border-top:3px solid #1b9e99;gap:18px;margin-bottom:17px;display:grid}.detail-head{border-bottom:1px solid #2a3e5a;justify-content:space-between;gap:15px;padding-bottom:15px;display:flex}.detail-head h3{margin:2px 0 5px;font:600 19px Outfit}.detail-head p:not(.eyebrow){color:#9eb1ca;margin:0;font-size:11px}.detail-actions{align-items:start;gap:8px;display:flex}.close-detail{color:#dce9f8;cursor:pointer;background:#243750;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-grid>div{background:#0a1423;border:1px solid #2b405d;border-radius:7px;padding:11px}.detail-grid .wide{grid-column:1/-1}.detail-grid small{color:#81a0c4;text-transform:uppercase;letter-spacing:.4px;font-size:10px;display:block}.detail-grid p{color:#e5effc;white-space:pre-wrap;margin:5px 0 0;font-size:12px}.detail-edit{background:#0d192a;border:1px solid #2b405d;border-radius:8px;padding:15px}.detail-materials{border-top:1px solid #2a3e5a;grid-template-columns:1fr 1fr;gap:13px;padding-top:16px;display:grid}.detail-materials>div{background:#0d192a;border:1px solid #2c425f;border-radius:8px;padding:13px}.detail-materials h4{margin:0 0 9px;font:600 13px Outfit}.detail-materials p{color:#e9f1fb;border-top:1px solid #263b57;gap:3px;margin:8px 0 0;padding-top:8px;font-size:12px;display:grid}.detail-materials p:first-of-type{border-top:0;padding-top:0}.detail-materials p span{color:#90a6c2;font-size:10px}.plan-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.plan-heading .outline-button{padding:6px 8px;font-size:10px}.plan-add-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px;margin-bottom:10px;display:grid;overflow:auto}.plan-add-list button{text-align:left;color:#d9e8f9;cursor:pointer;background:#0a1423;border:1px solid #304966;border-radius:5px;gap:3px;padding:8px;font:11px DM Sans;display:grid}.plan-add-list button:hover{background:#174054}.plan-add-list small{color:#8ba3c0;font-size:9px}.plan-materials>.new-button{margin-top:8px}.plan-message{background:#12352f;border-radius:5px;padding:8px;color:#b8eee6!important;margin-top:9px!important}.material-menu-bar{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.material-menu{position:relative}.material-menu>button{color:#cfe1f5;cursor:pointer;background:#142840;border:1px solid #35506d;border-radius:6px;padding:8px 10px;font:600 11px DM Sans}.material-menu>button:hover{color:#fff;background:#176b6d}.material-dropdown{z-index:8;background:#10233c;border:1px solid #3a5879;border-radius:7px;width:250px;max-height:250px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 12px 25px #020713aa}.material-dropdown button,.material-results button{text-align:left;color:#e4eefb;cursor:pointer;background:0 0;border:0;border-radius:5px;gap:3px;padding:8px;font:11px DM Sans;display:grid}.material-dropdown button:hover,.material-results button:hover{background:#1b4b61}.material-dropdown small,.material-results small{color:#91abc8;font-size:9px}.material-results{background:#10233c;border:1px solid #35516f;border-radius:7px;max-height:230px;margin:-7px 0 12px;padding:6px;display:grid;overflow:auto}.material-results p{color:#9bb0c9;margin:7px;font-size:11px}.material-picker .picker-grid{display:none}.quick-category-bar{flex-wrap:wrap;gap:7px;margin:0 0 13px;display:flex}.quick-category{position:relative}.quick-category>button{color:#cfe1f5;cursor:pointer;background:#142840;border:1px solid #35506d;border-radius:6px;padding:8px 10px;font:600 11px DM Sans}.quick-category>button:hover{color:#fff;background:#176b6d}.quick-dropdown{z-index:15;background:#10233c;border:1px solid #3a5879;border-radius:0 7px 7px;width:270px;max-height:260px;padding:6px;display:grid;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 14px 28px #020713bb}.quick-dropdown button,.quick-results button{text-align:left;color:#e4eefb;cursor:pointer;background:0 0;border:0;border-radius:5px;gap:3px;padding:9px;font:11px DM Sans;display:grid}.quick-dropdown button:hover,.quick-results button:hover{background:#1b4b61}.quick-dropdown small,.quick-results small{color:#91abc8;font-size:9px}.quick-results{background:#10233c;border:1px solid #35516f;border-radius:7px;max-height:230px;margin:-7px 0 12px;padding:6px;display:grid;overflow:auto}.quick-results p{color:#9bb0c9;margin:7px;font-size:11px}.crew-panel{border-top:1px solid #2a3e5a;gap:11px;padding-top:16px;display:grid}.crew-panel h4{margin:0 0 4px;font:600 14px Outfit}.crew-panel .plan-heading p{color:#91a7c2;margin:0;font-size:11px}.crew-options{flex-wrap:wrap;gap:8px;display:flex}.crew-options label{color:#dce9f9;cursor:pointer;background:#0a1423;border:1px solid #304966;border-radius:6px;align-items:center;gap:7px;padding:9px;font-size:12px;display:flex}.crew-options input{accent-color:#19a49e}.crew-summary{flex-wrap:wrap;gap:7px;display:flex}.crew-summary span{color:#bdeee8;background:#17394b;border-radius:14px;padding:6px 10px;font-size:11px}.crew-summary p{color:#91a7c2;margin:0;font-size:11px}.photo-evidence{border-top:1px solid #2a3e5a;gap:12px;padding-top:16px;display:grid}.photo-evidence h4{margin:0 0 4px;font:600 14px Outfit}.photo-evidence>div:first-child p{color:#95a9c3;margin:0;font-size:11px}.photo-upload{align-items:center;gap:9px;display:flex}.photo-upload select{color:#eaf2fc;background:#0a1423;border:1px solid #314561;border-radius:6px;padding:9px;font:12px DM Sans}.photo-upload .new-button{position:relative;overflow:hidden}.photo-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-message{background:#12352f;border-radius:6px;padding:9px;color:#b8eee6!important;margin:0!important;font-size:11px!important}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.photo-grid figure{background:#0a1423;border:1px solid #2c425f;border-radius:7px;margin:0;overflow:hidden}.photo-grid img,.photo-loading{object-fit:cover;width:100%;height:130px;display:block}.photo-loading{color:#91a6c1;place-items:center;font-size:11px;display:grid}.photo-grid figcaption{justify-content:space-between;gap:6px;padding:8px;display:flex}.photo-grid figcaption span{color:#9eb2cc;font-size:9px}.photo-grid figcaption button{color:#ffc3bd;cursor:pointer;background:#482936;border:0;border-radius:4px;padding:4px 6px;font:10px DM Sans}.photo-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.photo-open img{transition:transform .18s,filter .18s}.photo-open:hover img{filter:brightness(1.12);transform:scale(1.04)}.photo-viewer{z-index:100;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#020713a8;place-items:center;padding:30px;animation:.16s viewer-in;display:grid;position:fixed;inset:0}.viewer-content{place-items:center;width:min(1100px,94vw);height:min(82vh,780px);display:grid;position:relative}.viewer-content>img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 16px 55px #000a}.viewer-close,.viewer-nav{z-index:1;color:#fff;cursor:pointer;background:#102440d9;border:1px solid #ffffff3b;place-items:center;display:grid;position:absolute}.viewer-close{border-radius:50%;width:39px;height:39px;top:-12px;right:-12px}.viewer-nav{border-radius:8px;width:44px;height:56px;top:50%;transform:translateY(-50%)}.viewer-nav.previous{left:-62px}.viewer-nav.next{right:-62px}.viewer-caption{white-space:nowrap;color:#eaf3ff;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.viewer-caption b{color:#bfeee8;background:#102440;border-radius:12px;padding:4px 8px;font-size:10px}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@media (width<=720px){.app-shell .sidebar,.app-shell .sidebar.open{z-index:20;background:#102440;width:274px;height:100vh;padding:23px 14px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:8px 0 28px #06122655}.app-shell .sidebar.open{transform:translate(0)}.app-shell .sidebar .brand{display:flex}.app-shell .sidebar .company,.app-shell .sidebar-bottom{display:block}.app-shell .sidebar nav{grid-template-columns:1fr;gap:7px;height:auto;display:grid}.app-shell .sidebar nav button{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;height:78px;padding:9px;font-size:12px}.app-shell .sidebar nav button svg{width:27px;height:27px}.app-shell .sidebar-bottom{margin-top:auto}.app-shell .page-content{padding-bottom:22px}.catalog-grid,.picker-grid{grid-template-columns:1fr}.picker-grid{max-height:280px}.planned-row{grid-template-columns:minmax(0,1fr) 65px 20px}.planned-row button{grid-column:2/4}.planned-row input{width:65px!important}.category-chips{gap:5px}.category-chips button{padding:7px 8px;font-size:10px}.detail-head{flex-direction:column}.detail-actions{flex-wrap:wrap;align-items:center}.detail-grid,.detail-materials{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.detail-panel{padding:14px}.openable-row td{white-space:normal}.openable-row td:nth-child(2),.openable-row td:nth-child(3){display:none}.photo-viewer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#030812;padding:0}.viewer-content{width:100vw;height:100vh}.viewer-content>img{border-radius:0;width:100%;max-height:calc(100vh - 88px)}.viewer-close{background:#102440e8;width:42px;height:42px;top:18px;right:18px}.viewer-nav{width:52px;height:42px;top:auto;bottom:18px;transform:none}.viewer-nav.previous{left:calc(50% - 62px)}.viewer-nav.next{right:calc(50% - 62px)}.viewer-caption{font-size:11px;bottom:70px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-menu-button,.close-menu,.mobile-overlay{display:none}@media (width<=720px){.mobile-menu-button{color:#116b77;background:#edf5f6;border:0;border-radius:7px;place-items:center;width:39px;height:39px;margin-right:11px;display:grid}.mobile-overlay{z-index:19;opacity:0;pointer-events:none;background:#08182f99;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-overlay.visible{opacity:1;pointer-events:auto}.sidebar,.sidebar.open{z-index:20;background:#102440;width:274px;height:100vh;padding:23px 14px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:8px 0 28px #06122655}.sidebar.open{transform:translate(0)}.sidebar .brand{display:flex}.sidebar .company,.sidebar-bottom{display:block}.sidebar nav{grid-template-columns:1fr;gap:5px;height:auto;display:grid}.sidebar nav button{text-align:left;border-radius:7px;flex-direction:row;justify-content:flex-start;gap:13px;height:auto;padding:11px 13px;font-size:14px}.sidebar nav button.active{box-shadow:inset 3px 0 #4bcebf}.sidebar nav button svg{width:19px;height:19px}.sidebar-bottom{margin-top:auto}.close-menu{color:#dbe6f5;background:#1c3659;border:0;border-radius:6px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.page-content{padding-bottom:22px}header{justify-content:flex-start}}.work-order-form{border-top:4px solid #168b87}.work-order-form .form-section{background:#fbfcfe;border:1px solid #e2eaf1;border-radius:9px;padding:17px}.work-order-form .form-section h4{color:#116b77;align-items:center;gap:8px;display:flex}.work-order-form .form-section h4:before{content:"●";color:#46c5b4;font-size:11px}.work-order-form .form-section:nth-of-type(2) h4:before{content:"2"}.work-order-form .form-section:nth-of-type(3) h4:before{content:"3"}.work-order-form .form-section:nth-of-type(4) h4:before{content:"4"}@media (width<=720px){.sidebar{z-index:20;background:#102440;width:100%;height:70px;padding:7px 5px;display:block;position:fixed;bottom:0;left:0;box-shadow:0 -4px 14px #10244038}.sidebar .brand,.sidebar .company,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px;height:100%;display:grid}.sidebar nav button{text-align:center;border-radius:6px;flex-direction:column;justify-content:center;gap:3px;height:56px;padding:5px 2px;font-size:9px;line-height:1.1}.sidebar nav button.active{box-shadow:inset 0 2px #4bcebf}.sidebar nav button svg{width:18px;height:18px}.page-content{padding-bottom:94px}.work-order-form{gap:14px;padding:13px}.work-order-form .form-section{padding:12px}.form-title h3{font-size:17px}.form-title span{font-size:9px}.location-panel{padding:11px}.location-panel .outline-button{justify-content:center;width:100%}.form-grid input,.form-grid select,.form-grid textarea,.form-section>label input{padding:12px;font-size:16px}.section-head .new-button{padding:10px 12px}.metrics{grid-template-columns:repeat(2,1fr)}}.section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-head h2{margin:0 0 5px;font:600 22px Outfit}.section-head p,.form-title p{color:#738198;margin:0;font-size:13px}.work-order-form{gap:22px;margin-bottom:18px;display:grid}.form-title{border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:start;padding-bottom:16px;display:flex}.form-title h3{margin:0 0 5px;font:600 18px Outfit}.form-title span{color:#22826e;background:#e5f6ef;border-radius:12px;padding:5px 8px;font-size:10px}.form-section{gap:12px;display:grid}.form-section h4{color:#26364e;margin:0;font:600 14px Outfit}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid label,.form-section>label{color:#536278;gap:6px;font-size:11px;font-weight:600;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.form-section>label input{color:#233148;background:#fff;border:1px solid #dbe4ed;border-radius:6px;outline-color:#168592;width:100%;padding:10px;font:13px DM Sans}.form-grid textarea{resize:vertical}.full-field{grid-column:1/-1}.location-panel{background:#f3fbfa;border:1px dashed #9ccdc7;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.location-panel b{color:#206b68;font-size:12px}.location-panel p{color:#64758a;margin:4px 0 0;font-size:11px}.form-actions{justify-content:flex-end;gap:10px;padding-top:3px;display:flex}.empty-state{text-align:center!important;color:#75859b!important;padding:25px!important}.logout{color:#aabed8;cursor:pointer;background:0 0;border:0}@media (width<=720px){.section-head,.form-title,.location-panel{flex-direction:column;align-items:start}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.form-actions{justify-content:stretch}.form-actions button{flex:1}}.login-page{background:radial-gradient(circle at 100% 0,#d9f2ee,#0000 38%),#f4f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e4ebf2;border-radius:14px;width:min(420px,100%);padding:42px;box-shadow:0 20px 55px #10244018}.login-brand{color:#102440}.login-kicker{color:#19888c;letter-spacing:1.4px;margin:36px 0 9px;font-size:11px;font-weight:700}.login-card h1{font-size:29px}.login-copy{color:#6f7d92;margin:9px 0 28px;font-size:14px;line-height:1.5}.login-card form{gap:16px;display:grid}.login-card label{color:#42526a;gap:7px;font-size:12px;font-weight:600;display:grid}.login-card input{border:1px solid #d9e2ec;border-radius:7px;outline-color:#168592;padding:11px 12px;font:14px inherit}.login-submit{color:#fff;cursor:pointer;background:#116b77;border:0;border-radius:7px;padding:12px;font:600 14px inherit}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-error,.data-error{color:#b5453f;background:#ffe9e7;border-radius:6px;margin:0;padding:9px 11px;font-size:12px}.login-card small{text-align:center;color:#8996a9;margin-top:22px;font-size:10px;display:block}.logout{margin-left:auto!important;padding:6px!important}.empty-state,.empty-card{color:#7c8ba0;text-align:center;font-size:12px;padding:23px!important}.empty-card{margin:22px 0}.data-error{margin-bottom:15px}*{box-sizing:border-box}body{color:#18233b;background:#f7f9fc;margin:0;font-family:DM Sans,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dbe6f5;background:#102440;flex-direction:column;width:253px;height:100vh;padding:25px 14px;display:flex;position:fixed}.brand{color:#fff;align-items:center;gap:10px;font:600 22px Outfit;display:flex}.brand>span span{color:#48c8ba}.bolt{background:#47cbbb;border-radius:8px;place-items:center;width:31px;height:31px;font-size:26px;display:grid;color:#102440!important}.company{letter-spacing:1.4px;color:#87a1c1;margin:34px 13px 14px;font-size:10px}nav{gap:5px;display:grid}.sidebar button{color:#aabed8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;padding:11px 13px;font:500 14px DM Sans;display:flex}.sidebar button:hover,.sidebar button.active{color:#fff;background:#1c3659}.sidebar button.active{box-shadow:inset 3px 0 #4bcebf}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #29415f;align-items:center;gap:9px;padding:19px 9px 0;display:flex}.avatar{color:#fff;background:#de7c56;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.profile strong,.profile small{display:block}.profile strong{color:#fff;font-size:12px}.profile small{color:#8da4c0;font-size:10px}.profile svg{margin-left:auto}main{width:calc(100% - 253px);margin-left:253px}header{background:#fff;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;height:100px;padding:19px 42px;display:flex}.eyebrow{letter-spacing:1px;color:#7d8ba1;margin:0 0 3px;font-size:10px}h1{margin:0;font:600 25px Outfit}.header-actions{align-items:center;gap:17px;display:flex}.icon-button,.new-button,.outline-button,.text-button,.full-button{cursor:pointer;border:0;font-family:inherit}.icon-button{color:#53637b;background:#f4f7fa;border-radius:50%;width:36px;height:36px;position:relative}.icon-button i{background:#ed665a;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.new-button{color:#fff;background:#116b77;border-radius:7px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.page-content{max-width:1540px;padding:31px 42px}.welcome{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.welcome h2{margin:0 0 5px;font:600 22px Outfit}.welcome p,.card-title p{color:#738198;margin:0;font-size:13px}.outline-button{color:#40506a;background:#fff;border:1px solid #d9e1eb;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metric{background:#fff;border:1px solid #e7ecf3;border-radius:9px;gap:15px;min-height:120px;padding:20px;display:flex;box-shadow:0 2px 7px #253e5d08}.metric-icon{border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.metric-icon svg{width:20px}.blue{color:#3985da;background:#e5f1ff}.orange{color:#e78a35;background:#fff0df}.green{color:#35a384;background:#e4f7f1}.red{color:#e1685c;background:#ffebe9}.metric strong{font:600 25px Outfit}.metric h3{margin:3px 0;font-size:12px}.metric p{color:#7a899d;margin:0;font-size:10px}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:18px;display:grid}.card{background:#fff;border:1px solid #e7ecf3;border-radius:9px;padding:20px;box-shadow:0 2px 7px #253e5d08}.orders-card{grid-row:span 2}.card-title{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.card-title h3{margin:0 0 4px;font:600 16px Outfit}.text-button{color:#087987;background:0 0;align-items:center;font-size:12px;font-weight:600;display:flex}.search{color:#8491a4;background:#f7f9fc;border:1px solid #edf0f5;border-radius:5px;align-items:center;gap:7px;height:35px;margin-bottom:9px;padding:0 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font:12px inherit}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;letter-spacing:.6px;color:#8b98aa;border-bottom:1px solid #e9edf2;padding:11px 8px;font-size:9px;font-weight:600}td{color:#58677d;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 8px}td:first-child strong,td:first-child span{display:block}td:first-child strong{color:#25334a;margin-bottom:3px;font-size:11px}td:first-child span{color:#8190a5;font-size:10px}.status{border-radius:12px;padding:4px 7px;font-size:9px;font-weight:600}.pending{color:#b97a1f;background:#fff1d9}.progress{color:#2977bf;background:#e3f1ff}.urgent{color:#cf554d;background:#ffe4e1}.done{color:#278867;background:#e2f5ed}.fault{color:#bc4875;background:#fbe7ef}.priority-card{min-height:278px}.priority{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:13px 0;display:flex}.priority-icon{color:#df6a55;background:#ffede8;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.priority div:nth-child(2){flex:1}.priority b{font-size:12px}.priority p{color:#7c899c;margin:3px 0;font-size:10px}.priority>span{color:#cc594e;background:#ffe5e1;border-radius:10px;padding:4px 6px;font-size:9px}.priority>span.normal{color:#b98424;background:#fff1d8}.full-button{color:#087b86;background:#eef7f6;border-radius:5px;width:100%;margin-top:14px;padding:9px;font-size:11px;font-weight:700}.chart-card{min-height:245px}.chart-card select{color:#5d6b7e;border:1px solid #e3e8ef;border-radius:5px;padding:6px;font-size:10px}.chart{flex-direction:column;justify-content:space-between;height:164px;display:flex}.bars{border-bottom:1px solid #e6ebf1;justify-content:space-around;align-items:end;height:123px;padding:0 5px;display:flex}.bar-col{justify-content:center;align-items:end;gap:3px;width:24px;height:100%;padding-bottom:18px;display:flex;position:relative}.bar{border-radius:3px 3px 0 0;width:7px}.create{background:#4fbea9}.finish{background:#bedeea}.bar-col small{color:#8290a3;font-size:9px;position:absolute;bottom:3px}.legend{color:#77869a;gap:14px;font-size:10px;display:flex}.legend i{border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.created{background:#4fbea9}.finished{background:#bedeea}.stock-row{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.stock-row b{font-size:11px}.stock-row p{color:#7e8b9d;margin:4px 0 0;font-size:10px}.stock-status{border-radius:10px;padding:4px 7px;font-size:9px;font-weight:700}.critical{color:#ce554d;background:#ffe6e2}.low{color:#bc8023;background:#fff1d8}.ok{color:#268667;background:#e4f5ed}.ai-fab{color:#fff;cursor:pointer;background:#116b77;border:0;border-radius:25px;align-items:center;gap:8px;padding:12px 17px;font:600 13px DM Sans;display:flex;position:fixed;bottom:25px;right:28px;box-shadow:0 7px 22px #0d4c5470}.assistant-panel{background:#fff;border:1px solid #dbe5ef;border-radius:11px;width:335px;position:fixed;bottom:78px;right:28px;overflow:hidden;box-shadow:0 12px 35px #1024402e}.ai-head{color:#fff;background:#102440;justify-content:space-between;align-items:center;padding:14px;font-size:12px;display:flex}.ai-head div{align-items:center;gap:8px;display:flex}.ai-head button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px}.ai-body{gap:7px;padding:14px;display:grid}.ai-bubble{color:#37506a;background:#eef6f6;border-radius:8px;margin:0 0 4px;padding:10px;font-size:12px;line-height:1.45}.ai-body button{color:#147784;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe5e9;border-radius:6px;padding:7px;font:11px inherit}.ai-input{border-top:1px solid #e7edf0;gap:7px;padding:11px;display:flex}.ai-input input{border:1px solid #dce5ec;border-radius:5px;outline:0;flex:1;padding:8px;font:11px inherit}.ai-input button{color:#fff;background:#116b77;border:0;border-radius:5px;width:30px}.mobile-menu{display:none}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.orders-card{grid-row:auto}}@media (width<=720px){.sidebar{display:none}main{width:100%;margin-left:0}header{padding:16px 20px}.page-content{padding:22px 20px}.mobile-menu{background:0 0;border:0;display:block}.welcome{align-items:start;gap:15px}.welcome .outline-button{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{gap:9px;padding:13px}.metric-icon{width:33px;height:33px}.header-actions .icon-button{display:none}.new-button{padding:10px;font-size:0}.new-button svg{width:19px}.dashboard-grid{gap:12px}.card{padding:14px}.ai-fab span{display:none}.ai-fab{right:18px}.assistant-panel{width:calc(100% - 36px);right:18px}}