@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18221e;--muted:#77827b;--line:#e9edea;--green:#146b4a;--green2:#0f563b;--mint:#e9f4ed;--cream:#f8faf8;--amber:#a86514;--amberbg:#fff5e6;--red:#b34039;--redbg:#fff0ef;--blue:#527a93;--shadow:0 16px 50px #1a39250b}*{box-sizing:border-box}body{margin:0;background:#fafbf9;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 16px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:800 17px Manrope,sans-serif;letter-spacing:-.5px;padding:0 9px}.brand-mark{width:34px;height:34px;background:var(--green);border-radius:11px;color:white;display:grid;place-items:center;font:800 22px Manrope;transform:rotate(-2deg)}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:1.1px;color:#909a93;margin-top:3px}.workspace-switch{margin:30px 0 28px;padding:11px;border:1px solid var(--line);border-radius:11px;display:flex;gap:10px;align-items:center}.workspace-icon{width:34px;height:34px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:18px}.workspace-switch b,.profile-button b{display:block;font-size:12px}.workspace-switch small,.profile-button small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.chevron{margin-left:auto;color:#8c968e}.nav-label{font-size:9px;color:#a0a9a2;letter-spacing:1px;font-weight:700;padding:0 10px;margin:0 0 10px}.nav-item{height:40px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#606c64;text-decoration:none;font-size:12px;font-weight:500;cursor:pointer;position:relative}.nav-item>span{font-size:16px;width:16px;text-align:center;color:#8a958d}.nav-item:hover{background:#f8faf8}.nav-item.active{background:#eaf4ee;color:var(--green);font-weight:700}.nav-item.active>span{color:var(--green)}.nav-count{margin-left:auto;font-style:normal;font-size:10px;border-radius:20px;background:#f0f3f0;padding:2px 7px;color:#6d796f}.sidebar nav+.nav-label{margin-top:25px}.sidebar-bottom{margin-top:auto}.version-badge{background:#f7faf7;padding:12px 12px 10px;border-radius:9px;color:#53675a;font-size:10px;margin-bottom:13px}.version-badge small{display:block;margin:6px 0 0 15px;color:#929d94;font-size:9px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36a56c;margin-right:7px;box-shadow:0 0 0 3px #36a56c20}.profile-button{width:100%;display:flex;align-items:center;gap:10px;background:white;border:0;border-top:1px solid var(--line);padding:14px 5px 2px;text-align:left;color:var(--ink)}.avatar{width:32px;height:32px;border-radius:50%;background:#e6eee8;color:var(--green);display:grid;place-items:center;font-weight:700}.profile-label{flex:1}.main-area{margin-left:252px;min-width:0;width:calc(100% - 252px)}.topbar{height:98px;padding:20px 38px 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:10px;color:#89948d;margin-bottom:6px}.breadcrumb span{padding:0 7px;color:#b6beb8}.breadcrumb b{font-weight:500;color:#59675e}.topbar h1{font:700 22px Manrope,sans-serif;letter-spacing:-.7px;margin:0}.top-actions{display:flex;align-items:center;gap:17px}.today{color:#7c877e;font-size:11px}.icon-button{background:#fff;border:1px solid var(--line);width:35px;height:35px;border-radius:9px;font-size:16px;color:#67746b;position:relative}.notification-dot{position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#d77d43}.button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:white;color:#425148;font-weight:600;font-size:11px}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 9px #146b4a20}.button.primary:hover{background:var(--green2)}.button.ghost{background:#fff;color:#425148}.button.danger{color:var(--red);border-color:#f1d5d2}.button.small{height:30px;padding:0 10px}.button.full{width:100%;justify-content:space-between;display:flex;align-items:center}.page-content{max-width:1470px;padding:28px 38px 46px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.welcome-row h2{font:700 17px Manrope;margin:0 0 5px}.welcome-row p{margin:0;color:var(--muted);font-size:11px}.period-control{padding:7px 11px;border:1px solid var(--line);border-radius:8px;color:#57645b;background:white;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.metric-card{padding:17px 17px 15px;min-height:127px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#768279;font-size:10px}.metric-icon{width:30px;height:30px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:15px}.metric-icon.amber{background:var(--amberbg);color:var(--amber)}.metric-icon.blue{background:#eef3f8;color:var(--blue)}.metric-value{font:700 24px Manrope;letter-spacing:-1px;margin:10px 0 4px}.metric-foot{font-size:9px;color:#8c978f}.metric-foot strong{color:var(--green);font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:16px;margin-top:17px}.panel{padding:18px 18px 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3{font:700 12px Manrope;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.link-button{color:var(--green);border:0;background:none;font-size:10px;font-weight:700;padding:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:10px 8px;color:#8b958d;font-size:9px;font-weight:500;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #f0f2f0;font-size:10px;color:#526057}tbody tr:last-child td{border-bottom:0}.strong-cell{font-weight:700;color:#344139}.secondary-cell{color:#929b94;font-size:9px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.approved{color:#278153;background:#eaf6ee}.status.pending_review{color:#a66a1b;background:#fff5e6}.status.needs_correction{color:#ad6251;background:#fff0ed}.status.rejected{color:#ad5149;background:#fff0ef}.status.draft{color:#718079;background:#f0f3f0}.risk-chip{color:#ae6221;background:#fff4e5;padding:4px 7px;border-radius:5px;font-size:9px}.risk-chip.high{background:var(--redbg);color:var(--red)}.risk-chip.low{color:var(--green);background:var(--mint)}.risk-list{display:flex;flex-direction:column;gap:10px}.risk-row{display:flex;gap:10px;align-items:flex-start;padding:10px;background:#fffaf2;border:1px solid #f6ecdc;border-radius:8px}.risk-sign{width:25px;height:25px;border-radius:7px;background:#ffedcf;color:#ab6b1c;display:grid;place-items:center;flex:0 0 auto}.risk-copy{flex:1}.risk-copy b{font-size:10px;display:block;margin:1px 0 4px}.risk-copy span{font-size:9px;color:#8e8170}.risk-row .link-button{font-size:9px;padding:5px 0}.empty-state{padding:28px;text-align:center;color:#909a93;font-size:11px}.empty-icon{width:42px;height:42px;margin:0 auto 9px;border-radius:14px;background:#f2f6f2;display:grid;place-items:center;color:var(--green);font-size:20px}.wide-panel{margin-top:16px}.bar-chart{height:118px;display:flex;align-items:flex-end;gap:12px;padding:10px 7px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#f1f3f1 29px)}.chart-column{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:5px}.chart-bar{width:min(25px,65%);border-radius:5px 5px 0 0;background:#bdd9c6;min-height:2px}.chart-bar.current{background:var(--green)}.chart-label{font-size:8px;color:#9aa39c}.section-header{display:flex;justify-content:space-between;align-items:center;margin:4px 0 17px}.section-header h2{font:700 16px Manrope;margin:0}.section-header p{font-size:10px;color:var(--muted);margin:5px 0 0}.filters{display:flex;gap:8px;margin-bottom:13px;flex-wrap:wrap}.control{height:34px;border:1px solid var(--line);border-radius:7px;background:white;padding:0 10px;color:#5a665d;font-size:10px;outline:none}.control:focus,input:focus,textarea:focus,select:focus{border-color:#84ae92;box-shadow:0 0 0 3px #146b4a12}.search-control{min-width:200px}.action-cell{display:flex;gap:5px}.risk-details{max-width:230px;color:#a26826;font-size:9px;white-space:normal;line-height:1.4}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vehicle-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:white}.vehicle-card-top{display:flex;justify-content:space-between;align-items:flex-start}.plate{font:700 13px Manrope;letter-spacing:.5px}.make-model{font-size:10px;color:#8a958d;margin-top:4px}.car-illustration{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf5ef;color:var(--green);font-size:19px}.vehicle-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 13px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vehicle-specs small{display:block;color:#99a29b;font-size:8px;margin-bottom:4px}.vehicle-specs b{font-size:10px}.vehicle-footer{display:flex;justify-content:space-between;font-size:9px;color:#7d8980}.user-row{display:flex;align-items:center;gap:8px}.user-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf3ee;color:var(--green);font-size:10px;font-weight:700}.user-row b{display:block;font-size:10px}.user-row small{display:block;color:#98a198;font-size:9px;margin-top:3px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.price-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:15px}.price-card small{font-size:9px;color:#849087}.price-card b{font:700 19px Manrope;display:block;margin:7px 0 5px}.price-card span{font-size:9px;color:#959e97}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-card{padding:18px}.integration-top{display:flex;gap:12px;align-items:center}.integration-logo{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--green);font-weight:800}.integration-copy b{font:700 12px Manrope}.integration-copy small{display:block;color:#89948b;font-size:9px;margin-top:4px}.connected{margin-left:auto;font-size:9px;color:var(--green);background:#eaf6ee;padding:5px 8px;border-radius:20px}.not-connected{color:#9b702a;background:#fff5e6}.integration-body{font-size:10px;line-height:1.6;color:#748077;margin:14px 0}.toast{position:fixed;bottom:25px;right:25px;padding:12px 16px;background:#203b2e;color:white;border-radius:9px;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#10221966;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:white;border-radius:13px;padding:23px;box-shadow:0 24px 80px #12271d2e}.modal h2{font:700 17px Manrope;margin:0 0 5px}.modal>p{font-size:10px;color:#869188;margin:0 0 17px}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.modal label,.login-card label{display:flex;flex-direction:column;gap:6px;color:#66736a;font-size:10px}.modal label.full-field{grid-column:1/-1}.modal input,.modal select,.modal textarea,.login-card input{border:1px solid var(--line);border-radius:7px;padding:10px 11px;min-width:0;outline:none;background:white;color:#344139}.modal textarea{min-height:73px;resize:vertical}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#e3f0e6 0,transparent 44%),#fafbf9;display:grid;place-items:center}.login-shell{width:min(390px,calc(100% - 34px))}.login-shell>.brand{justify-content:center;margin-bottom:32px}.login-card{background:white;border:1px solid var(--line);box-shadow:0 20px 70px #17352310;padding:27px 28px 20px;border-radius:14px}.eyebrow{font-size:9px;color:var(--green);letter-spacing:1px;font-weight:700}.login-card h1{font:700 23px Manrope;letter-spacing:-.6px;margin:12px 0 7px}.login-card>p{font-size:10px;margin:0 0 20px}.login-card form{display:grid;gap:14px}.login-card input{height:40px}.login-card .button{margin-top:4px;height:40px}.security-note{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:9px;color:#89958b;display:flex;align-items:center;gap:7px}.secure-icon{color:var(--green);font-size:14px}.error-text{font-size:10px;color:var(--red);min-height:13px}.login-footer{display:flex;justify-content:space-between;color:#a4ada5;font-size:9px;margin-top:20px}.login-footer span{color:#b6beb8}@media(max-width:1100px){.sidebar{width:215px}.main-area{margin-left:215px;width:calc(100% - 215px)}.topbar{padding:18px 24px}.page-content{padding:23px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.fleet-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{width:62px;padding:18px 8px}.brand{padding:0 5px}.brand>span:last-child,.workspace-switch,.nav-label,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.brand-mark{width:35px;height:35px;font-size:0}.brand-mark:after{content:'т';font-size:22px}.sidebar nav{margin-top:23px}.nav-item{height:41px;justify-content:center;padding:0;gap:0}.nav-item>span{font-size:17px}.nav-count{position:absolute;right:1px;top:2px;font-size:8px!important;padding:1px 4px}.version-badge,.profile-label,.profile-button .chevron{display:none}.profile-button{justify-content:center;padding-top:12px}.main-area{margin-left:62px;width:calc(100% - 62px)}.topbar{height:auto;min-height:84px;padding:15px 15px}.topbar h1{font-size:17px}.top-actions{gap:7px}.today,.icon-button{display:none}.top-actions .button{height:32px;padding:0 9px;font-size:9px}.page-content{padding:18px 13px}.welcome-row h2{font-size:14px}.welcome-row p{font-size:9px}.period-control{font-size:9px;padding:6px}.metrics{gap:8px}.metric-card{min-height:111px;padding:12px}.metric-value{font-size:19px}.metric-head{font-size:9px}.metric-icon{width:25px;height:25px}.dashboard-grid{gap:10px;margin-top:10px}.panel{padding:13px}.panel-head h3{font-size:11px}.fleet-grid,.price-grid,.settings-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:10px}.section-header h2{font-size:14px}.section-header .button{font-size:9px}.search-control{min-width:150px;flex:1}.filters .control{max-width:100%}.table-wrap{margin:0 -5px}th,td{padding:9px 6px}.modal{padding:18px}.modal form{grid-template-columns:1fr}.modal label.full-field,.modal-actions{grid-column:auto}}