:root{--ink:#17251f;--muted:#85918b;--line:#e9eeea;--canvas:#f6f8f6;--green:#1b513d;--green-dark:#12392b;--mint:#d9eee2;--white:#fff;--amber:#d58c34;--red:#c95647;--blue:#487c9b;--purple:#876cb1;--shadow:0 6px 24px rgba(28,50,39,.045);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas);font-size:13px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh}.sidebar{width:252px;background:#10251f;color:#d8e4dc;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:25px 16px 16px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 31px;color:#fff}.brand-mark{font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-2px;color:#fff}.brand-mark span{color:#79c49b}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.09em}.brand-copy small{font-size:8px;letter-spacing:.15em;color:#8aa096}.workspace-label,.eyebrow{font-size:9px;font-weight:700;letter-spacing:.13em;color:#8b9891}.workspace-label{padding:0 11px 10px}.main-nav{display:grid;gap:4px}.main-nav a,.nav-settings{min-height:41px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 11px;color:#aabbb1;font-size:12px;transition:background .18s,color .18s}.main-nav a:hover,.nav-settings:hover{background:#1a382d;color:#fff}.main-nav a.active{background:#1b4937;color:#fff;font-weight:600;box-shadow:inset 2px 0 #80d0a2}.nav-icon{width:17px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#94b7a2}.main-nav a.active .nav-icon{color:#96d3ae}.nav-count{margin-left:auto;background:#2a5441;color:#c6eed4;border-radius:20px;padding:3px 7px;font-size:9px}.nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#efb357;box-shadow:0 0 0 3px #805d30}.sidebar-bottom{margin-top:auto}.warehouse-card{padding:13px 12px;margin:0 3px 14px;background:linear-gradient(140deg,#1a4936,#17372d);border:1px solid #28513e;border-radius:9px;display:flex;flex-direction:column}.warehouse-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.warehouse-icon{color:#93d4ad;font-size:19px}.live-dot,.today-dot{width:6px;height:6px;background:#72c998;border-radius:50%;box-shadow:0 0 0 3px #244f3b}.warehouse-card strong{font-size:11px;color:#f1f6f2}.warehouse-card>span{font-size:9px;color:#a7beb0;margin-top:4px}.warehouse-card>a{border-top:1px solid #355a46;margin-top:12px;padding-top:9px;font-size:9px;color:#cae6d2}.warehouse-card>a b{float:right}.nav-settings{margin-bottom:12px}.profile-row{border-top:1px solid #284037;padding:15px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e4efe8;color:#315942;font-size:9px;font-weight:700;flex:none}.avatar-dark{background:#315b47;color:#dff0e4}.profile-copy{display:flex;flex-direction:column;gap:3px}.profile-copy strong{font-size:10px;color:#f1f6f2}.profile-copy small{font-size:9px;color:#91a49a}.icon-button{border:0;background:transparent;cursor:pointer}.profile-menu{margin-left:auto;color:#a1b5a9;letter-spacing:1px}.main-content{margin-left:252px;min-height:100vh}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:5}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:10px;color:#9aa49f;letter-spacing:.04em}.breadcrumb i{font-style:normal;color:#c7cfca}.breadcrumb strong{font-weight:600;color:#415047}.topbar-actions{display:flex;align-items:center;gap:18px}.global-search{width:244px;height:33px;border:1px solid #e9edea;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#89968f}.global-search>span{font-size:20px;line-height:1}.global-search input,.table-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.global-search input::placeholder,.table-search input::placeholder{color:#a8b1ac}.global-search kbd{font-family:inherit;font-size:8px;color:#a4aea8;background:#f4f6f4;border:1px solid #ecefeb;border-radius:3px;padding:2px 4px}.notification-button{font-size:16px;color:#5c7064;position:relative}.notification-button span{width:5px;height:5px;background:#e9a858;position:absolute;right:0;top:0;border-radius:50%}.topbar-divider{height:22px;border-left:1px solid var(--line)}.today{display:flex;align-items:center;gap:8px;color:#7b8981;font-size:9px}.today-dot{width:5px;height:5px;box-shadow:none}.page-wrap{max-width:1500px;margin:0 auto;padding:31px 36px 20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{color:#8a9990;display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#78bd95}.page-heading h1{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:9px 0 5px;font-weight:700;color:#1d3027}.page-heading h1 .heading-sun{color:#e0a751;font-size:19px}.page-heading p{font-size:11px;color:#87938c;margin:0}.button{height:35px;border-radius:6px;padding:0 13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.button-primary{background:var(--green);color:#fff;box-shadow:0 3px 8px #1b513d20}.button-primary:hover{background:#246448;transform:translateY(-1px)}.button-outline{background:#fff;border-color:#e4eae5;color:#53665b}.button-outline:hover{border-color:#9bb9a5;color:#244e38}.button-small{height:30px;padding:0 10px;font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card,.panel{background:#fff;border:1px solid #e9eeea;border-radius:9px;box-shadow:var(--shadow)}.metric-card{padding:14px 15px 12px;min-height:111px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7e8b83;font-size:10px}.metric-icon{width:24px;height:24px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.icon-green{background:#e7f3eb;color:#44815c}.icon-blue{background:#eaf1f8;color:#648aaa}.icon-orange{background:#fcf0e1;color:#c58739}.icon-purple{background:#f0ecf8;color:#816aaa}.metric-value{font-family:Manrope,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.8px;margin:7px 0 5px;color:#20372b}.metric-value small{font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:0;font-weight:500;color:#88958d}.metric-foot{height:17px;display:flex;align-items:center;gap:6px;color:#a0aaa4;font-size:8px;position:relative}.trend-up{color:#4a9967;font-weight:700}.trend-note{color:#6584a1;font-weight:600}.trend-warn{color:#cc8a39;font-weight:600}.sparkline{width:66px;height:25px;margin-left:auto;overflow:visible}.sparkline path{fill:none;stroke:#58a377;stroke-width:2}.mini-bars{height:17px;margin-left:auto;display:flex;align-items:flex-end;gap:3px}.mini-bars i{display:block;width:5px;border-radius:3px 3px 0 0;background:#b4d8c0;height:40%}.mini-bars i:nth-child(2){height:68%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:82%;background:#75b48b}.mini-bars i:nth-child(5){height:58%}.mini-bars i:nth-child(6){height:90%;background:#75b48b}.mini-bars i:nth-child(7){height:72%}.inline-link{margin-left:auto;color:#477e5c;font-size:8px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(310px,1fr);gap:14px;margin-bottom:15px}.panel{padding:17px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.2px;margin:5px 0 0;color:#283a30}.select-control{height:28px;border:1px solid #e7ece8;border-radius:5px;padding:0 8px;background:#fff;color:#637168;font-size:9px}.chart-summary{display:flex;align-items:center;gap:8px;margin-top:14px}.chart-summary strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.6px}.chart-summary .trend-up{background:#eaf5ed;padding:4px 6px;border-radius:4px;font-size:8px}.chart-summary small{font-size:8px;color:#a0aaa4}.chart-wrap{height:137px;margin-top:8px;display:flex}.chart-y-labels{width:39px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 1px;color:#a4ada7;font-size:8px}.sales-chart{width:calc(100% - 39px);height:100%;overflow:visible}.chart-gridline{fill:none;stroke:#eff2ef;stroke-width:1;stroke-dasharray:3 4}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#58a878;stroke-width:2.4;vector-effect:non-scaling-stroke}.chart-point{fill:#fff;stroke:#3e9460;stroke-width:3;vector-effect:non-scaling-stroke}.chart-x-labels{margin:7px 0 0 39px;display:flex;justify-content:space-between;color:#a4ada7;font-size:8px}.chart-legend{border-top:1px solid #f0f2f0;margin-top:12px;padding-top:10px;display:flex;align-items:center;gap:15px;color:#89968e;font-size:8px}.chart-legend>span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:50%;background:#64a87d}.chart-legend>span:nth-child(2) i{background:#ced8d0}.chart-legend button,.text-button{border:0;background:none;color:#4e7c5d;font-size:9px;font-weight:600;cursor:pointer;margin-left:auto}.depot-total{margin:17px 0 10px;padding:12px;border-radius:7px;background:#f7faf7;display:flex;align-items:baseline;gap:8px;position:relative}.depot-total strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px}.depot-total>span:nth-child(2){font-size:9px;color:#87948c}.depot-total-icon{position:absolute;right:13px;top:12px;color:#8caf97;font-size:17px}.depot-list{display:grid}.depot-row{display:grid;grid-template-columns:26px minmax(80px,1fr) auto 50px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f2f0}.depot-pin{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px}.pin-green{background:#e9f4ec;color:#5a9c70}.pin-blue{background:#eaf1f6;color:#6990a9}.pin-gold{background:#fbf1e4;color:#c79551}.depot-name,.depot-units{display:flex;flex-direction:column;gap:2px}.depot-name strong{font-size:9px;font-weight:600}.depot-name small,.depot-units small{font-size:8px;color:#a0aaa4}.depot-units{font-size:9px;text-align:right;font-weight:600}.depot-health{display:flex;align-items:center;gap:5px;color:#619271;font-size:8px}.depot-health i{width:5px;height:5px;border-radius:50%;background:#71b287}.warning-health{color:#c18b48}.warning-health i{background:#e5b16b}.depot-note{margin-top:12px;background:#fdf7ed;color:#ae8249;padding:9px 10px;border-radius:5px;font-size:8px}.depot-note span{font-weight:800;margin-right:5px}.recent-orders,.project-panel{padding:0;margin-bottom:15px;overflow:hidden}.table-toolbar{min-height:53px;padding:0 17px;display:flex;align-items:center;justify-content:space-between}.table-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.table-toolbar h3{font-family:Manrope,sans-serif;font-size:12px;margin:0;color:#293b31}.count-chip{border-radius:10px;background:#f1f5f1;color:#839187;padding:3px 6px;font-size:8px}.toolbar-actions{display:flex;gap:7px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}thead{background:#f8faf8}th{text-align:left;height:32px;padding:0 13px;color:#9ba69f;font-size:8px;font-weight:600;letter-spacing:.055em;white-space:nowrap}td{height:53px;padding:4px 13px;border-top:1px solid #f0f2f0;color:#68766d;font-size:9px;white-space:nowrap}td:first-child,th:first-child{padding-left:17px}.table-id{font-size:9px;color:#436d53;font-weight:600}.person-cell,.product-cell{display:flex;align-items:center;gap:8px}.avatar-soft{width:26px;height:26px;background:#edf3ee;color:#55745f;font-size:8px}.person-cell>span:last-child,.product-cell>span:last-child{display:flex;flex-direction:column;gap:3px}.person-cell strong,.product-cell strong{font-size:9px;color:#435249;font-weight:600}.person-cell small,.product-cell small{font-size:8px;color:#9aa59e}.amount-cell{font-weight:600;color:#435348}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:4px;font-size:8px;font-weight:600;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-warning{background:#fbf2e6;color:#c08a3e}.status-blue{background:#edf3f8;color:#6688a2}.status-success{background:#ebf5ed;color:#5e956e}.status-danger{background:#fbebea;color:#c76055}.status-progress{background:#eaf4ec;color:#588866}.row-more{border:0;background:transparent;color:#89968e;font-size:16px;cursor:pointer;letter-spacing:1px}.table-footer-link{min-height:36px;border-top:1px solid #f0f2f0;display:flex;align-items:center;justify-content:center;gap:7px;color:#4b805f;font-size:9px;font-weight:600}.project-panel{padding:16px 18px 7px}.project-panel .panel-heading{margin-bottom:12px}.project-list{display:grid}.project-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #f0f2f0}.project-person{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;flex:none}.avatar-green{background:#e4f1e6;color:#578264}.avatar-gold{background:#f7eee1;color:#a87c41}.avatar-blue{background:#e7eef5;color:#6785a3}.project-info{flex:1;min-width:0}.project-title-line{display:flex;align-items:center;gap:9px}.project-title-line strong{font-size:9px;font-weight:600;color:#435249}.project-title-line>span{color:#a6afa9;font-size:8px}.project-subline{margin-top:4px;color:#919d95;font-size:8px}.project-subline span{padding:0 5px;color:#c5ccc7}.mini-progress{width:100%;height:3px;border-radius:4px;background:#edf1ed;margin-top:7px;overflow:hidden}.mini-progress span{height:100%;display:block;border-radius:4px;background:#79b58a}.project-progress-number{display:flex;flex-direction:column;gap:4px;text-align:right;margin:0 10px}.project-progress-number strong{font-size:9px;color:#557d61}.project-progress-number small{font-size:8px;color:#9aa59e}.page-footer{display:flex;justify-content:space-between;color:#a0aaa4;font-size:8px;padding:14px 2px 0}.page-footer b{color:#75b48b;margin-left:4px}.mobile-menu{display:none}.compact-metrics .metric-card{min-height:96px}.data-panel{padding:0 0 10px;overflow:hidden}.filter-strip{min-height:46px;padding:5px 16px;display:flex;align-items:center;gap:7px;border-top:1px solid #f0f2f0;border-bottom:1px solid #f0f2f0}.filter-chip{border:1px solid transparent;background:transparent;color:#87938b;padding:6px 8px;border-radius:5px;font-size:8px;cursor:pointer}.filter-chip span{margin-left:4px;color:#a4ada7}.filter-chip.active{border-color:#e1ece4;background:#f3f8f4;color:#3f7652}.filter-chip.active span{color:#6c9c79}.table-search{margin-left:auto;border:1px solid #e9eeea;height:28px;border-radius:5px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#98a39c;font-size:17px;width:205px}.pagination{padding:10px 16px 0;display:flex;align-items:center;justify-content:space-between;color:#9ba69f;font-size:8px}.pagination>div{display:flex;gap:3px}.pagination button{min-width:24px;height:23px;border:1px solid #e9eeea;background:#fff;border-radius:4px;color:#7c8981;font-size:8px;cursor:pointer}.pagination button:disabled{color:#c5cdc8}.pagination button.page-active{background:#eaf3ec;border-color:#dcebdd;color:#477650;font-weight:700}.product-thumb{width:30px;height:30px;border-radius:6px;background:#f0f5ef;color:#5b8b66;display:grid;place-items:center;font-weight:700;font-size:9px}.unit{font-size:8px;color:#99a49d;font-weight:400}.import-button{margin-left:auto}.warehouse-strip{display:flex;align-items:center;gap:11px;margin-top:13px;padding:11px 14px}.warehouse-strip>div:first-child{display:flex;align-items:center;gap:8px}.warehouse-strip>div:first-child>span:last-child{display:flex;flex-direction:column;gap:3px}.warehouse-strip strong{font-size:9px}.warehouse-strip small{font-size:8px;color:#9aa59e}.warehouse-strip-stats{margin-left:auto;display:flex;gap:18px;color:#849189;font-size:8px}.warehouse-strip-stats b{color:#4a5f51;margin-left:4px}.project-list-large{padding:0 16px 8px}.project-list-large .project-row{padding:14px 0}.project-list-large .project-info{max-width:530px}.info-banner{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#eaf4ed;border:1px solid #dbece0;border-radius:8px;margin-top:14px;color:#477454}.info-banner>span{font-size:17px}.info-banner>div{display:flex;flex-direction:column;gap:4px}.info-banner strong{font-size:10px}.info-banner small{font-size:8px;color:#708b77}.info-banner>a{margin-left:auto;font-size:9px;font-weight:600}.info-banner b{margin-left:3px}.empty-note{padding:16px;border-top:1px solid #f0f2f0;color:#98a39c;font-size:9px}.empty-note span{color:#6da77e;margin-right:5px}.portal-body{background:#f5f8f5}.portal-shell{min-height:100vh}.portal-topbar{height:68px;padding:0 max(30px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e9eeea}.portal-brand{padding:0;color:#173729}.portal-brand .brand-mark{color:#173729}.portal-brand .brand-copy strong{color:#253a2e}.portal-brand .brand-copy small{color:#89978e}.portal-top-actions{display:flex;align-items:center;gap:10px}.secure-label{font-size:9px;color:#819087;display:flex;align-items:center;gap:6px;margin-right:13px}.secure-label i{width:6px;height:6px;background:#69ac7e;border-radius:50%}.portal-name{font-size:10px;color:#48594e}.portal-name small{margin-left:5px;color:#929f96}.portal-main{max-width:1040px;margin:0 auto;padding:33px 25px 22px}.portal-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.portal-welcome h1{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px;margin:8px 0 5px;color:#243b2e}.portal-welcome h1 span{color:#dda74e;font-size:18px}.portal-welcome p{font-size:10px;color:#87948b;margin:0}.portal-welcome .button{height:32px}.project-hero{min-height:242px;border-radius:11px;background:linear-gradient(115deg,#143b2b 0%,#1a533b 65%,#286a4b 100%);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 40%;box-shadow:0 12px 30px rgba(23,73,48,.13)}.project-hero-content{padding:24px 28px;position:relative;z-index:1}.project-code{display:flex;align-items:center;gap:11px;color:#b7d2c0;font-size:8px;letter-spacing:.08em}.project-code .status-pill{background:#2f6849;color:#d5f1db;letter-spacing:0}.project-hero h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.5px;margin:14px 0 5px}.project-hero-content>p{margin:0;color:#c0d7c8;font-size:10px}.project-progress{max-width:410px;margin-top:25px}.progress-label{display:flex;align-items:center;justify-content:space-between;color:#d0e2d5;font-size:9px;margin-bottom:7px}.progress-label strong{color:#fff;font-size:10px}.progress-track{height:5px;background:#4c755b;border-radius:5px;overflow:hidden}.progress-track>span{height:100%;display:block;border-radius:5px;background:#a8d3a9}.progress-dates{display:flex;justify-content:space-between;margin-top:8px;color:#a9c7b3;font-size:8px}.progress-dates b{color:#fff;font-weight:500;margin-left:4px}.project-hero-art{position:relative;overflow:hidden}.sun-disc{position:absolute;width:110px;height:110px;border-radius:50%;right:38px;top:24px;background:radial-gradient(circle at 38% 38%,#fbe9b0,#ebbf64 68%,#daa853);box-shadow:0 0 50px #e7c16660}.roof{position:absolute;width:310px;height:142px;right:-26px;bottom:-10px;background:#18382e;transform:skewY(-16deg) rotate(-1deg);border-top:7px solid #b4ab83;box-shadow:0 -9px 22px #102d2350}.roof-panel{position:absolute;width:103px;height:60px;top:24px;border:1px solid #84a39a;background:repeating-linear-gradient(90deg,transparent 0 24px,#9fbbb0 25px 26px),repeating-linear-gradient(0deg,#386d61 0 27px,#85a397 28px 29px)}.panel-one{left:8px}.panel-two{left:116px}.panel-three{left:8px;top:88px}.panel-four{left:116px;top:88px}.art-caption{position:absolute;right:18px;bottom:8px;color:#d6e9da;font-size:8px}.art-caption span{color:#edc466;font-size:14px;vertical-align:-1px;margin-right:4px}.portal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.portal-card{background:#fff;border:1px solid #e8eeea;border-radius:9px;box-shadow:var(--shadow)}.timeline-card,.documents-card{padding:17px 18px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h3,.update-card h3{font-family:Manrope,sans-serif;font-size:13px;color:#2b3d32;margin:5px 0 0}.doc-count{font-size:8px;color:#8e9b92;background:#f4f6f4;padding:5px 7px;border-radius:5px}.timeline{margin-top:12px}.timeline-item{position:relative;display:flex;align-items:center;gap:9px;min-height:45px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:10px;top:27px;bottom:-17px;width:1px;background:#dce9de}.timeline-marker{z-index:1;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;flex:none;background:#ebf4ed;color:#58936a;font-size:10px;font-weight:700}.timeline-item.current .timeline-marker{background:#e8f2eb;border:1px solid #80b78c}.timeline-marker i{width:6px;height:6px;border-radius:50%;background:#55936a}.timeline-item.upcoming .timeline-marker{background:#fff;border:1px solid #dce3dd}.timeline-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.timeline-copy strong{font-size:9px;color:#44544a;font-weight:600}.timeline-copy>span{font-size:8px;color:#9ba69e}.timeline-state{margin-left:auto;font-size:8px;color:#699172;white-space:nowrap}.timeline-state.current-text{color:#b4823d}.document-list{margin-top:13px}.document-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f0}.file-icon{width:28px;height:31px;border-radius:5px;display:grid;place-items:center;font-size:7px;font-weight:700}.file-icon.pdf{background:#faeeec;color:#bd6358}.file-icon.image{background:#edf3e9;color:#67956c}.file-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.file-copy strong{font-size:8px;color:#4d5b51;font-weight:600}.file-copy small{font-size:7px;color:#9ba69e}.download-icon{margin-left:auto;color:#82968a;font-size:13px}.docs-footnote{margin-top:12px;color:#8c9990;font-size:7px;line-height:1.5}.docs-footnote span{color:#74a283;margin-right:4px}.update-card{margin-top:14px;padding:15px 18px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden;background:linear-gradient(105deg,#fff,#f8fbf8)}.update-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;flex:none;background:#e8f3eb;color:#59916a;font-size:13px}.update-card h3{font-size:11px;margin-top:4px}.update-card p{max-width:690px;font-size:9px;line-height:1.7;color:#78867d;margin:7px 0}.update-by{font-size:8px;color:#9aa59e}.update-by b{color:#76a483;margin:0 3px}.update-spark{position:absolute;right:19px;top:10px;color:#e0c58e;font-size:22px}.portal-footer{display:flex;justify-content:space-between;padding:18px 2px 0;color:#9aa59e;font-size:8px}.portal-footer a{color:#4f7b5c;font-weight:600}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:7px;background:#173b2c;color:#fff;box-shadow:0 8px 26px #10251f35;font-size:10px;z-index:30;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1160px){.sidebar{width:220px}.main-content{margin-left:220px}.topbar{padding:0 25px}.page-wrap{padding:26px 25px 18px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.global-search{width:205px}.metric-card{padding:12px}.depot-row{grid-template-columns:25px minmax(65px,1fr) auto 45px;gap:5px}}
@media(max-width:900px){.sidebar{width:215px;transform:translateX(-100%);transition:transform .22s;box-shadow:12px 0 30px #10251f18}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:inline-flex;color:#607368;font-size:16px;margin-right:10px}.topbar{justify-content:flex-start;padding:0 20px}.breadcrumb{flex:1}.topbar-actions{gap:12px}.global-search{width:min(235px,29vw)}.today{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.page-wrap{padding:23px 20px}.portal-main{padding:28px 22px}}
@media(max-width:640px){.topbar{height:56px;padding:0 13px}.breadcrumb{font-size:9px;gap:7px}.breadcrumb>span{display:none}.topbar-actions{gap:8px}.global-search{width:34px;height:31px;padding:0;justify-content:center;border:0}.global-search>span{font-size:19px}.global-search input,.global-search kbd,.topbar-divider,.notification-button{display:none}.page-wrap{padding:21px 13px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:21px}.page-heading p{max-width:245px;font-size:10px;line-height:1.5}.page-heading>.button{font-size:0;width:36px;height:34px;padding:0;flex:none}.page-heading>.button:after{content:"＋";font-size:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.metric-card{min-height:100px;padding:11px}.metric-top{font-size:9px}.metric-value{font-size:21px}.metric-foot{font-size:7px}.dashboard-grid{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.panel{padding:13px}.recent-orders,.project-panel,.data-panel{padding:0}.panel-heading h2{font-size:13px}.chart-wrap{height:120px}.depot-row{grid-template-columns:25px minmax(80px,1fr) auto 48px}.table-toolbar{min-height:48px;padding:0 12px}.filter-strip{overflow-x:auto;min-height:43px;padding:5px 10px}.filter-chip{white-space:nowrap}.table-search{min-width:120px;width:135px}.import-button{white-space:nowrap}.pagination{padding:9px 10px}.pagination>span{max-width:130px;line-height:1.4}.pagination button{min-width:21px}.warehouse-strip{flex-wrap:wrap}.warehouse-strip-stats{width:100%;justify-content:space-between;margin:3px 0 0;padding-top:9px;border-top:1px solid #f0f2f0}.project-title-line{flex-wrap:wrap;gap:4px}.project-progress-number{margin:0 3px}.page-footer{font-size:7px}.portal-topbar{height:58px;padding:0 14px}.portal-brand .brand-mark{font-size:20px}.portal-brand .brand-copy strong{font-size:10px}.portal-brand .brand-copy small{font-size:7px}.portal-top-actions{gap:7px}.secure-label{display:none}.portal-top-actions .avatar{width:27px;height:27px}.portal-name{font-size:9px}.portal-main{padding:23px 13px}.portal-welcome h1{font-size:20px}.portal-welcome p{font-size:9px;max-width:240px;line-height:1.5}.portal-welcome .button{font-size:0;width:34px;height:32px;padding:0;flex:none}.portal-welcome .button span{font-size:15px}.project-hero{grid-template-columns:1fr;min-height:260px}.project-hero-content{padding:20px 17px 95px}.project-hero h2{font-size:21px}.project-hero-art{position:absolute;right:0;bottom:0;width:54%;height:130px;opacity:.86}.sun-disc{width:78px;height:78px;right:22px;top:4px}.roof{width:250px;height:115px;right:-62px;bottom:-18px}.roof-panel{width:83px;height:49px}.panel-one,.panel-three{left:7px}.panel-two,.panel-four{left:94px}.panel-three,.panel-four{top:76px}.art-caption{font-size:7px;right:8px}.progress-dates{font-size:7px}.progress-dates b{display:block;margin:3px 0 0}.portal-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.timeline-card,.documents-card{padding:14px}.timeline-state{font-size:7px}.timeline-copy strong{font-size:8px}.update-card{padding:13px;gap:9px}.update-card p{font-size:8px}.portal-footer{font-size:7px}.info-banner{align-items:flex-start;flex-wrap:wrap}.info-banner>a{width:100%;margin-left:25px}.project-list-large{padding:0 12px 5px}.project-list-large .project-row{gap:8px}.project-list-large .project-progress-number small{max-width:62px}.filter-chip{font-size:8px}}

/* Refined AKN operations workspace: graphite, mineral neutrals, and restrained energy green. */
:root{--ink:#1b2620;--muted:#737f77;--line:#e2e7e3;--canvas:#f1f4f2;--green:#245c43;--green-dark:#17261f;--mint:#e0ece4;--shadow:0 8px 28px rgba(22,42,31,.055)}
body{background:var(--canvas);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#182720 0%,#111d17 100%);border-right:1px solid #2b3a32}
.brand{padding-bottom:34px}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(145deg,#f5f6f5,#cbd3ce);color:#17251d;font-size:17px;letter-spacing:-1.4px;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.brand-copy strong{font-size:11px;letter-spacing:.11em}
.brand-copy small{color:#9aa9a0}
.workspace-label{color:#a1ada5;letter-spacing:.16em}
.main-nav{gap:5px}
.main-nav a,.nav-settings{min-height:43px;border-radius:8px;font-size:12px}
.main-nav a.active{background:linear-gradient(100deg,#254d3b,#1e4232);box-shadow:inset 2px 0 #9bc7aa,0 4px 14px rgba(0,0,0,.1)}
.warehouse-card{background:linear-gradient(145deg,#203f31,#1a3227);border-color:#355341;border-radius:11px}
.profile-row{border-color:#2b3c33}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom-color:#e2e7e3;padding-left:40px;padding-right:40px}
.global-search{border-radius:8px;background:#fafcfb}
.page-wrap{max-width:1640px;padding:36px 40px 24px}
.page-heading{margin-bottom:26px}
.page-heading h1{font-size:28px;letter-spacing:-1px;color:#1d2c24}
.page-heading p{font-size:12px;color:#7c8981}
.eyebrow{font-size:9px;letter-spacing:.15em}
.metric-grid,.dashboard-grid{gap:16px}
.metric-card,.panel{border-color:#e3e8e4;border-radius:12px;box-shadow:var(--shadow)}
.metric-card{padding:17px 18px 15px;min-height:122px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.metric-card:hover{transform:translateY(-2px);border-color:#d6dfd9;box-shadow:0 13px 30px rgba(22,42,31,.085)}
.metric-top{font-size:11px;color:#707e75}
.metric-icon{width:27px;height:27px;border-radius:8px}
.metric-value{font-size:26px;color:#1b3024}
.metric-foot{font-size:9px;color:#89958d}
.panel{padding:20px 21px}
.panel-heading h2{font-size:15px;color:#263a2e}
.button{border-radius:8px}
.button-primary{background:linear-gradient(135deg,#285f46,#1f4d38);box-shadow:0 5px 13px rgba(31,77,56,.16)}
.button-primary:hover{background:linear-gradient(135deg,#316f52,#245b40);box-shadow:0 8px 18px rgba(31,77,56,.2)}
.button-outline{border-color:#dfe6e1}
.depot-total{background:#f5f8f5;border:1px solid #edf1ed;border-radius:9px}
.global-search:focus-within,.form-input:focus,.login-input:focus{border-color:#82a891;box-shadow:0 0 0 3px rgba(74,130,96,.12)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(75,137,101,.32);outline-offset:2px}
.page-footer{color:#86928a}
@media(max-width:900px){.page-wrap{padding:27px 24px 20px}.topbar{padding:0 24px}}
@media(max-width:640px){.page-wrap{padding:20px 14px 16px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:23px}.metric-grid,.dashboard-grid{gap:10px}.metric-card{padding:13px;min-height:108px}.panel{padding:15px}.topbar{padding:0 14px}}
/* Orven Soft product mark and AKN client identity in the operations sidebar. */
.sidebar-branding{padding:2px 8px 20px;margin:0 0 20px;border-bottom:1px solid rgba(218,231,222,.13)}
.agency-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 2px 0 0;padding:0;color:#fff;text-decoration:none}
.agency-brand-logo{display:block;width:100%;max-width:184px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 9px rgba(255,255,255,.05))}
.agency-brand-product{display:flex;align-items:center;gap:8px;padding-left:3px;color:#d3ddd6;font-family:Manrope,sans-serif;font-size:9px;font-weight:700;letter-spacing:.37em;line-height:1.5}
.agency-brand-product>span{width:16px;height:1px;background:linear-gradient(90deg,#86c6a0,#c7aa72)}
.client-brand{display:flex;align-items:center;gap:9px;margin-top:17px;padding:0 1px;color:#e8eee9;text-decoration:none}
.client-brand-mark{width:43px;height:31px;display:block;flex:none;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16))}
.client-brand .brand-copy{min-width:0;gap:3px}
.client-brand .brand-copy strong{font-size:9px;letter-spacing:.075em;white-space:nowrap}
.client-brand .brand-copy small{font-size:7px;letter-spacing:.12em;color:#9eada4}
@media(max-width:900px){.sidebar-branding{padding-bottom:17px;margin-bottom:17px}.agency-brand-logo{max-width:176px}}
/* Keep Orven Soft attribution centered and clickable in the admin footer only. */
.agency-brand{cursor:default}
.app-shell .page-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}
.app-shell .page-footer>span:first-child{justify-self:start}
.app-shell .page-footer>span:last-child{justify-self:end;text-align:right}
.footer-agency-link{justify-self:center;display:grid;place-items:center;min-width:142px;padding:7px 13px;border:1px solid #e2e7e3;border-radius:10px;background:rgba(255,255,255,.8);box-shadow:0 4px 14px rgba(22,42,31,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.footer-agency-link:hover{transform:translateY(-2px);border-color:#cad6ce;box-shadow:0 8px 20px rgba(22,42,31,.1)}
.footer-agency-logo{display:block;width:116px;height:auto;object-fit:contain}
.footer-agency-link:focus-visible{outline:3px solid rgba(75,137,101,.32);outline-offset:3px}
@media(max-width:640px){.app-shell .page-footer{grid-template-columns:1fr;justify-items:center;gap:9px}.app-shell .page-footer>span:first-child,.app-shell .page-footer>span:last-child{justify-self:center;text-align:center}.footer-agency-link{grid-row:auto}}
/* Orven Soft brand theme: navy + teal */
:root{
  --ink:#182a3b;
  --muted:#758493;
  --line:#e1e8ed;
  --canvas:#f3f6f8;
  --green:#087f86;
  --green-dark:#15283e;
  --mint:#dceff0;
  --blue:#416b91;
  --shadow:0 8px 28px rgba(19,44,70,.06);
}
.app-shell .sidebar{
  background:linear-gradient(180deg,#172b40 0%,#102033 100%);
  border-right-color:#263d51;
}
.app-shell .main-nav a{color:#d4e0e8}
.app-shell .main-nav a:hover{background:#20394d;color:#fff}
.app-shell .main-nav a.active{
  background:linear-gradient(100deg,#1b4050,#1d394e);
  color:#fff;
  box-shadow:inset 3px 0 #49b8bc;
}
.app-shell .main-nav a.active .nav-icon,
.app-shell .nav-icon{color:#74c9c7}
.app-shell .nav-count{background:#0a858a;color:#fff}
.app-shell .nav-dot,.app-shell .live-dot,.app-shell .today-dot{background:#48c2b7}
.app-shell .warehouse-card{
  background:linear-gradient(135deg,#1b4054,#172c45);
  border-color:#315568;
  color:#eff8fa;
}
.app-shell .warehouse-card>a{color:#78d2cf}
.app-shell .warehouse-icon{color:#71cfca}
.app-shell .profile-row{border-color:#2d4556}
.app-shell .button-primary{
  background:linear-gradient(135deg,#078b8d,#146d83);
  border-color:#087f86;
  color:#fff;
  box-shadow:0 7px 18px rgba(8,127,134,.18);
}
.app-shell .button-primary:hover{background:linear-gradient(135deg,#06797f,#125d75)}
.app-shell .button-outline:hover{border-color:#168d94;color:#087f86;background:#f1fbfb}
.app-shell .metric-icon.icon-green{background:#e0f2f0;color:#087f86}
.app-shell .trend-up,.app-shell .trend-note{color:#07858a}
.app-shell .sparkline path{stroke:#118c94}
.app-shell .mini-bars i{background:linear-gradient(180deg,#54b8b4,#087f86)}
.app-shell .inline-link,.app-shell .chart-legend{color:#087f86}
.app-shell .chart-line{stroke:#118c94}
.app-shell .chart-point{stroke:#087f86}
.app-shell .depot-total{background:#f0f6f7}
.app-shell .agency-brand-product>span{
  background:linear-gradient(90deg,#69d1cc,#6f9fc5);
  -webkit-background-clip:text;
  background-clip:text;
}
.app-shell a:focus-visible,.app-shell button:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell textarea:focus-visible{
  outline:3px solid rgba(15,143,151,.28);
  outline-offset:2px;
}
@media(prefers-reduced-motion:no-preference){
  .app-shell .button-primary,.app-shell .main-nav a{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}
}