@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--navy:#15323b;--deep:#102a33;--ink:#203b43;--muted:#7b8b8e;--bg:#f4f6f5;--line:#e2e8e6;--gold:#b89b6b;--green:#377d67}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:500;display:inline-flex}button:hover,.button:hover{background:#edf2ef}button:disabled{opacity:.5;cursor:wait}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #d4ddda;border-radius:5px;min-width:0;padding:11px 12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #88b6a5}input[type=checkbox]{accent-color:var(--navy);width:16px;height:16px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.7px;font-family:Manrope,Arial,sans-serif}h1{margin:10px 0;font-size:30px;font-weight:750}h2{margin-bottom:7px;font-size:19px}h3{font-size:15px}p{color:var(--muted);line-height:1.7}small{font-size:11px}.eyebrow{letter-spacing:1.7px;color:var(--gold);font-size:9px;font-weight:700;display:block}.primary{background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-weight:550;display:inline-flex}.primary:hover{background:#234d58}.shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:246px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:109px;display:flex}.brand .brand-identity{width:187px}.workspace-label{letter-spacing:1.4px;color:#84938f;align-items:center;gap:7px;padding:23px 20px 17px;font-size:8px;font-weight:650;display:flex}.online-dot{background:#60a88b;border-radius:50%;width:5px;height:5px}.nav-scroll{scrollbar-width:thin;flex:1;padding:0 12px 18px;overflow-y:auto}.nav-item{color:#728183;background:0 0;border:0;justify-content:flex-start;gap:11px;width:100%;margin-bottom:2px;padding:11px 12px;font-size:11px;font-weight:500}.nav-item svg{stroke-width:1.6px}.nav-item b{color:var(--gold);margin-left:auto}.nav-item.selected{color:var(--navy);box-shadow:inset 3px 0 var(--gold);background:#eaf0ec;font-weight:700}.nav-group{text-transform:uppercase;letter-spacing:1.6px;color:#a1aca7;margin:24px 12px 9px;font-size:8px;font-weight:700}.user-block{border-top:1px solid var(--line);align-items:center;gap:10px;padding:18px 15px;display:flex}.user-block div{flex:1}.user-block strong{font-size:11px;display:block}.user-block small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.avatar{background:#e9ede7;border:1px solid #dfe5dc;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Georgia;font-size:18px;display:grid}.main{margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 38px;display:flex}.topbar>div{color:#8b9694;align-items:center;gap:15px;font-size:10px;display:flex}.topbar strong{color:#45605f;font-weight:500}.topbar span:first-child{letter-spacing:1px}.secure{color:#7b8c82;align-items:center;gap:6px;font-size:9px;display:flex}.icon-button{color:var(--muted);border:0;padding:7px}.mobile-menu{display:none}.content{max-width:1570px;margin:auto;padding:36px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading p{margin:10px 0 0;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px;display:grid}.metric{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;padding:22px;font-weight:400;display:block}.metric>div{color:#7d8e89;justify-content:space-between;font-size:11px;display:flex}.metric>div svg{color:#afbbaf}.metric>strong{margin:12px 0 15px;font-family:Manrope;font-size:36px;font-weight:650;line-height:1;display:block}.metric>small{color:#7f9288;align-items:center;gap:8px;font-size:9px;display:flex}.dashboard-grid{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:23px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:24px;overflow:hidden}.panel-head{border-bottom:1px solid #edf0ec;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.panel-head .eyebrow{margin-bottom:9px;font-size:8px}.panel-head h2{margin:0}.panel-head p{max-width:620px;margin:9px 0 0;font-size:11px}.panel-head>button{color:#7f9087;background:0 0;border:0;padding:0;font-size:10px}.deadline-row{text-align:left;border:0;border-bottom:1px solid #eff2ef;border-radius:0;align-items:center;gap:16px;width:100%;padding:18px 25px;display:flex}.deadline-row>span:nth-child(2){flex:1}.deadline-row strong{font-size:11px;display:block}.deadline-row small{color:#8b9890;margin-top:5px;font-size:9px;display:block}.date-box{background:#f5f7f2;border:1px solid #e2e9df;border-radius:6px;flex-shrink:0;place-items:center;width:41px;height:46px;padding:5px;font-size:17px;line-height:1.2;display:grid}.date-box small{text-transform:uppercase;margin:0!important;font-size:8px!important}.date-box.late{color:#ad654f;background:#fff6f0;border-color:#f2ddd1}.overdue{color:#b26d51;font-size:10px}.muted{color:var(--muted);font-size:11px}.dark-panel{background:var(--navy);color:#fff;flex-direction:column;min-height:330px;padding:30px;display:flex;position:relative}.dark-panel>svg{color:var(--gold);stroke-width:1.2px;margin-bottom:27px}.dark-panel:after{content:"";pointer-events:none;border:1px solid #ffffff0c;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-100px;box-shadow:0 0 0 28px #ffffff03,0 0 0 60px #ffffff03}.dark-panel h2{margin:15px 0;font-size:24px;line-height:1.4}.dark-panel p{color:#a8bfbd;max-width:330px;font-size:11px}.dark-panel>small{color:#7f9e9c;margin-top:auto;padding-top:20px;font-size:8px;line-height:1.6}.quick-actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.quick-actions button{color:#d7e3db;background:#23454d;border-color:#416067;padding:8px 10px;font-size:9px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:normal;width:100%}th{text-transform:uppercase;letter-spacing:.7px;color:#8c9a96;border-bottom:1px solid var(--line);background:#fafbf9;padding:15px 22px;font-size:9px;font-weight:600}td{border-bottom:1px solid #eef1ec;padding:18px 22px;font-size:11px;line-height:1.5}td strong{font-weight:600;display:block}td small{color:#92a09a;margin-top:4px;font-size:9px;display:block}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcf9}tbody tr:last-child td{border-bottom:0}.ref{letter-spacing:.6px;color:#a09477!important;margin:0 0 5px!important;font-size:8px!important}.badge{white-space:nowrap;color:#7d8b90;background:#eef0f1;border-radius:4px;padding:5px 9px;font-size:9px;display:inline-block}.badge.active,.badge.completed{color:#54806a;background:#eaf3ec}.badge.pending{color:#aa8850;background:#fbf2e2}.badge.cancelled,.badge.closed{color:#ae7363;background:#f7eae5}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:19px 23px;display:flex}.toolbar select{padding:9px 12px;font-size:11px}.toolbar .button{margin-left:auto;font-size:10px}.search{color:#98a69e;flex:1;align-items:center;gap:9px;max-width:440px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:9px 0;font-size:11px}.empty{text-align:center;color:#aab7ac;padding:55px 30px}.empty h3{color:#657e70;margin:17px 0 8px;font-size:16px}.empty p{max-width:380px;margin:0 auto;font-size:11px;line-height:1.8}.info-strip{background:#eaf0e9;border:1px solid #dce5d9;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding:20px 24px;font-size:12px;display:flex}.info-strip p{color:#6d8274;margin:4px 0 0;font-size:11px}.info-strip button{white-space:nowrap;font-size:10px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace-footer{color:#97a49b;letter-spacing:.4px;justify-content:space-between;gap:20px;padding:12px 0 26px;font-size:8px;display:flex}.message{background:#edf4e9;border:1px solid #d9e4d8;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:13px 18px;font-size:12px;line-height:1.6;display:flex}.message button{background:0 0;border:0;padding:3px}.message.error{color:#9d5e47;background:#fff3ee;border-color:#eed9ce}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102c3a66;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.edit-modal,.small-modal{background:#fff;border-radius:12px;width:800px;max-height:92vh;overflow:auto;box-shadow:0 20px 100px #102a3355}.small-modal{width:540px}.detail-panel{background:#fff;width:660px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 80px #102a3322}.drawer-head{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 30px;display:flex;position:sticky;top:0}.drawer-head h2{margin:7px 0 0}.drawer-head button{color:#96a69b;border:0;padding:3px}.drawer-body{padding:27px 30px}.field{flex-direction:column;gap:8px;margin-bottom:20px;font-size:11px;font-weight:550;display:flex}.field textarea{resize:vertical;font-size:12px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.full{grid-column:1/-1}.checkbox-field{align-items:center;gap:10px;margin-bottom:20px;font-size:11px;line-height:1.7;display:flex}.modal-foot{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex;position:sticky;bottom:0}.modal-foot>span{color:var(--muted);font-size:10px}.record-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 35px;display:grid}.record-fields dt{color:#8e9f93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:9px}.record-fields dd{white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px}.attachment{border:1px solid var(--line);border-radius:6px;align-items:center;gap:13px;margin-bottom:10px;padding:15px;font-size:11px;display:flex}.attachment span{flex:1}.attachment small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.upload-box{color:#7b9181;background:#fafcf9;border:1px dashed #bdcfc0;border-radius:6px;margin-bottom:30px;padding:20px;font-size:11px;display:block}.upload-box input{max-width:100%;margin-top:13px;padding:5px;font-size:11px;display:block}.list-row{text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:space-between;width:100%;padding:18px 25px;font-size:12px;display:flex}.list-row small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.danger-zone{border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.danger-zone button{color:#ae715a;font-size:11px}.token-list{border:1px solid var(--line);background:#f4f6f0;border-radius:6px;padding:18px;font-size:11px}.token-list p{overflow-wrap:anywhere;margin:10px 0 0;font-family:monospace;font-size:10px}.audit-detail{white-space:pre-wrap;max-width:450px;max-height:300px;font-size:10px;overflow:auto}.document-body{white-space:pre-wrap;border:1px solid var(--line);background:#fafbf7;padding:20px;font:12px/1.8 DM Sans,sans-serif}.scope{padding:30px}.scope>h2{margin-top:15px;font-size:27px}.scope>p{max-width:750px}.scope td{vertical-align:top;min-width:220px}.scope .info-strip{margin-top:25px;margin-bottom:0}.panel-foot{padding:22px}.login{background:#edf1eb;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;padding:30px;display:flex}.login>a>.brand-identity{mix-blend-mode:multiply;--brand-caption-size:10px;width:230px}.login-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:490px;padding:40px;box-shadow:0 10px 50px #18332c08}.login-card h1{margin:20px 0;font-size:28px}.login-card .primary{width:100%;margin-bottom:15px}.login-card small{color:var(--muted);margin-top:20px;line-height:1.7;display:block}.login>a:last-child{color:#7a8a7c;font-size:11px}.scrim{display:none}@media (min-width:1600px){.content{padding-top:45px}.metric{padding:26px}.metric>strong{font-size:42px}.dark-panel{min-height:370px}}@media (max-width:1200px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:28px 24px 0}.topbar{padding:0 24px}.metric-grid{gap:12px}.metric{padding:18px}.dashboard-grid{grid-template-columns:1fr}.dark-panel{min-height:250px}.info-strip{flex-direction:column;align-items:flex-start}.toolbar{flex-wrap:wrap}th,td{padding:14px 18px}}@media (max-width:800px){.sidebar{z-index:40;width:246px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin:0}.mobile-menu{background:0 0;border:0;padding:5px;display:flex}.topbar{height:62px;padding:0 16px}.topbar>div{gap:8px}.secure{display:none}.content{padding:25px 16px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading .primary{white-space:nowrap;padding:10px;font-size:10px}.metric-grid{grid-template-columns:1fr 1fr}.metric>strong{font-size:30px}.metric>div{font-size:10px}.panel-head{padding:20px}.toolbar{padding:15px}.toolbar .search{min-width:100%;max-width:none}.toolbar .button{margin-left:0}.dashboard-grid{gap:0}.deadline-row{gap:10px;padding:15px}.deadline-row>.muted{font-size:9px}.workspace-footer{flex-direction:column;gap:8px}.modal-backdrop{padding:10px}.form-grid,.record-fields{grid-template-columns:1fr}.drawer-head,.drawer-body{padding:22px}.modal-foot{padding:16px 22px}.edit-modal,.small-modal{max-height:96vh}.detail-panel{width:100%}.scrim{z-index:30;background:#122c3555;display:block;position:fixed;inset:0}.scope{padding:20px}.info-strip .button-row{flex-wrap:wrap}.login-card{padding:28px}.modal-foot>span{display:none}}.analytics-filters{grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;padding:24px;display:grid}.analytics-filters label{color:#7c8f83;flex-direction:column;gap:7px;font-size:10px;display:flex}.analytics-filters input,.analytics-filters select{width:100%;font-size:11px}.money-metric{overflow-wrap:anywhere;font-size:25px!important;line-height:1.25!important}.analytics-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.distribution{padding:22px 25px}.distribution>div{grid-template-columns:1.25fr 1fr 25px 35px;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:grid}.distribution>div>div{background:#edf2ec;border-radius:5px;height:7px;overflow:hidden}.distribution i{background:#719486;border-radius:5px;height:100%;display:block}.distribution small{color:#93a398;text-align:right}.fleet-facts{background:#eef2eb;border:1px solid #e0e7dd;border-radius:7px;flex-wrap:wrap;gap:20px;margin-bottom:22px;padding:22px;display:flex}.fleet-facts>span{color:#83927f;flex:1;min-width:130px;font-size:10px}.fleet-facts strong{color:#284c42;margin-bottom:7px;font-family:Manrope;font-size:21px;display:block}.panel>.fleet-facts{border:0;margin:20px}.monthly-bars{align-items:flex-end;gap:14px;min-height:235px;padding:30px 25px 10px;display:flex;overflow-x:auto}.month-column{text-align:center;color:#8e9e91;flex:1;min-width:65px;font-size:9px}.bar-track{justify-content:center;align-items:flex-end;height:140px;margin:12px 0;display:flex}.bar-track>div{background:linear-gradient(#598375,#214942);border-radius:5px 5px 0 0;width:60%;max-width:70px;min-height:2px}.bar-amount{white-space:nowrap;font-size:8px}.cost-summary{background:#f1f5ed;border:1px solid #dce5d9;flex-wrap:wrap;gap:12px;margin:10px 0;padding:15px;font-size:11px;display:flex}.record-finance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;padding:20px 0}.record-finance p{font-size:11px}.record-finance .list-row{padding:15px 8px}@media (max-width:800px){.analytics-filters{grid-template-columns:1fr 1fr;gap:13px;padding:18px}.analytics-grid{grid-template-columns:1fr}.money-metric{font-size:18px!important}.fleet-facts{padding:18px}.distribution>div{grid-template-columns:1.2fr 1fr 20px 30px;gap:8px}}.brand-identity{text-align:center;color:#111;width:190px;font-family:Arial,Helvetica,sans-serif;display:block}.brand-symbol{aspect-ratio:1774/645;display:block;overflow:hidden}.brand-symbol img{width:100%;max-width:none;height:auto;display:block}.brand-caption{font-size:var(--brand-caption-size,8px);letter-spacing:.2em;white-space:nowrap;line-height:1.6;display:block}