@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#162033;background:#f4f7fb;font-synthesis:none;--blue: #005bff;--blue-dark: #0046c7;--blue-soft: #edf4ff;--line: #e4eaf2;--muted: #728096;--shadow: 0 12px 35px rgba(18, 42, 80, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a,input,select,textarea{outline-color:var(--blue)}h1,h2,h3,p{margin-top:0}.app{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:246px;display:flex;flex-direction:column;padding:22px 14px 14px;color:#fff;background:radial-gradient(circle at 10% -10%,rgba(51,128,255,.72),transparent 38%),linear-gradient(170deg,#0758e5,#00368e 58%,#05265d);box-shadow:12px 0 40px #002a7929}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 25px}.brand>b,.brand-mark,.login-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff;color:var(--blue);font-size:18px;font-weight:800;box-shadow:0 9px 20px #0019543d}.brand>span{display:flex;flex-direction:column;line-height:1.05}.brand strong{letter-spacing:.05em;font-size:15px}.brand small{margin-top:4px;color:#bcd4ff;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.sidebar nav{flex:1;overflow-y:auto;scrollbar-width:thin}.sidebar nav section{margin-bottom:19px}.sidebar nav section>small{display:block;padding:0 13px 7px;color:#8fb8ff;font-size:9px;font-weight:800;letter-spacing:.18em}.sidebar nav button{display:flex;align-items:center;width:100%;gap:11px;margin:3px 0;padding:10px 13px;border:0;border-radius:11px;color:#d9e6ff;background:transparent;font-size:13px;font-weight:600;text-align:left;transition:.18s ease}.sidebar nav button:hover{background:#ffffff17;color:#fff;transform:translate(2px)}.sidebar nav button.active{color:#fff;background:#ffffff2b;box-shadow:inset 3px 0 #fff}.profile{display:grid;grid-template-columns:36px 1fr 30px;align-items:center;gap:9px;padding:12px 8px 4px;border-top:1px solid rgba(255,255,255,.14)}.profile>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--blue);font-size:11px;font-weight:800}.profile div{display:flex;flex-direction:column;min-width:0}.profile b{overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile small{color:#99bbf7;font-size:9px}.profile button,.close-mobile{display:grid;place-items:center;border:0;color:#bcd2f8;background:transparent}.close-mobile{display:none;margin-left:auto}main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:16px;min-height:70px;padding:11px clamp(20px,3vw,46px);border-bottom:1px solid rgba(218,226,238,.85);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.company-switch{display:flex;align-items:center;gap:9px;margin-right:auto}.mini-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}.company-switch div{display:flex;flex-direction:column}.company-switch small{color:#8b97a9;font-size:8px;font-weight:800;letter-spacing:.14em}.company-switch b{font-size:12px}.company-switch>svg{color:#98a2b2}.month-picker{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:11px}.month-picker svg{color:var(--blue)}.month-picker span{color:var(--muted)}.month-picker input{width:120px;border:0;color:#263348;background:transparent;font-size:11px;font-weight:700}.server-status{display:flex;align-items:center;gap:6px;color:#637189;font-size:10px;font-weight:700}.server-status i,.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16b364;box-shadow:0 0 0 4px #dcfce8}.security,.mobile-menu{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--blue);background:#fff}.mobile-menu{display:none}.content{max-width:1580px;margin:0 auto;padding:34px clamp(20px,3vw,46px) 60px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.heading small,.panel-title small,.document-builder>div small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.18em}.heading h2{margin:6px 0 4px;font-size:clamp(24px,2.7vw,36px);line-height:1.12;letter-spacing:-.035em}.heading p{margin:0;color:var(--muted);font-size:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:11px;font-size:11px;font-weight:800;white-space:nowrap;transition:.18s}.primary{color:#fff;background:linear-gradient(135deg,#0873ff,var(--blue));box-shadow:0 9px 20px #005bff38}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #005bff47}.secondary{border:1px solid var(--line);color:#35435a;background:#fff}.secondary:hover{border-color:#b8c9e1;background:#f9fbfe}.panel{border:1px solid rgba(224,230,239,.92);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-title{padding:20px 22px 13px}.panel-title h3{margin:5px 0 0;font-size:17px;letter-spacing:-.02em}.row-title{display:flex;align-items:center;justify-content:space-between}.row-title>svg{color:var(--blue)}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;margin-bottom:18px;padding:32px 38px;overflow:hidden;border-radius:22px;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(81,155,255,.64),transparent 29%),linear-gradient(120deg,#003ea7,#006aff 72%,#2389ff);box-shadow:0 18px 40px #0050d23d}.hero:after{content:"";position:absolute;width:350px;height:350px;right:-80px;top:-120px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.hero small{font-size:9px;font-weight:800;letter-spacing:.19em;color:#c6dcff}.hero strong{display:block;margin:7px 0 6px;font-size:clamp(35px,5vw,55px);letter-spacing:-.05em}.hero p{margin:0;color:#ccdeff;font-size:11px}.ring{--value: 140deg;z-index:2;display:grid;place-items:center;width:116px;height:116px;border-radius:50%;background:conic-gradient(#fff var(--value),rgba(255,255,255,.2) 0)}.ring:before{content:"";grid-area:1/1;width:88px;height:88px;border-radius:50%;background:#106de9}.ring span{z-index:1;grid-area:1/1;display:flex;flex-direction:column;align-items:center}.ring b{font-size:20px}.ring small{font-size:8px;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{position:relative;min-height:146px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 26px #1730550e}.metric i{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.metric i.blue{color:#1468f3;background:#ebf3ff}.metric i.orange{color:#e66b08;background:#fff0df}.metric i.violet{color:#7c3aed;background:#f1ebff}.metric i.green{color:#119452;background:#e5f9ee}.metric i.red{color:#d23434;background:#feeaea}.metric>span{display:block;padding-right:38px;color:#6d798d;font-size:10px;font-weight:700}.metric strong{display:block;margin:15px 0 6px;font-size:clamp(18px,2vw,25px);letter-spacing:-.035em}.metric small{color:#97a2b1;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.project-list{padding:3px 12px 14px}.project-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto 18px;align-items:center;gap:13px;width:100%;padding:11px 10px;border:0;border-top:1px solid #edf1f6;color:inherit;background:transparent;text-align:left}.project-row:hover{border-radius:11px;background:#f7faff}.project-row time{display:flex;flex-direction:column;align-items:center;width:42px;padding:6px 4px;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.project-row time b{font-size:15px;line-height:1}.project-row time span{margin-top:3px;font-size:8px;text-transform:uppercase}.project-row>div{display:flex;flex-direction:column;min-width:0}.project-row>div b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-row>div span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.project-row>svg{color:#a8b2c1}.attention-list{padding:1px 14px 14px}.attention-list button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 7px;border:0;border-top:1px solid #edf1f6;color:inherit;background:transparent;text-align:left}.attention-list i{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px}.attention-list i.red{color:#d23434;background:#feeaea}.attention-list i.orange{color:#e66b08;background:#fff0df}.attention-list i.violet{color:#7c3aed;background:#f1ebff}.attention-list i.green{color:#119452;background:#e5f9ee}.attention-list span{display:flex;flex-direction:column}.attention-list b{font-size:10px}.attention-list small{margin-top:3px;color:var(--muted);font-size:9px}.calendar-toolbar,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.search svg{flex:0 0 auto;color:#8b98aa}.search input{width:100%;border:0;background:transparent;font-size:10px}.segmented{display:flex;gap:4px;padding:4px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.segmented button{padding:7px 10px;border:0;border-radius:8px;color:#6d798c;background:transparent;font-size:9px;font-weight:700;white-space:nowrap}.segmented button.active{color:var(--blue);background:var(--blue-soft)}.calendar{overflow-x:auto}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));min-width:875px}.weekdays b{padding:11px 12px;border-right:1px solid var(--line);color:#8b98a9;background:#f9fbfd;font-size:9px;text-align:center}.calendar-day{min-height:130px;padding:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted{background:#fafbfd}.day-number{display:block;margin:0 0 6px 3px;color:#66748a;font-size:10px;font-weight:800}.calendar-event{display:block;width:100%;margin:4px 0;padding:7px 8px;border:0;border-left:3px solid;border-radius:7px;text-align:left}.calendar-event b,.calendar-event span,.calendar-event i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event b{font-size:8px}.calendar-event span{margin-top:3px;opacity:.74;font-size:7px}.calendar-event i{display:flex;align-items:center;gap:3px;margin-top:4px;color:#bd3a25;font-size:7px;font-style:normal}.calendar-event.confirmed{border-color:#1670ee;color:#1555a9;background:#eaf3ff}.calendar-event.preparing{border-color:#ee8b20;color:#a9580a;background:#fff1df}.calendar-event.issued{border-color:#16a165;color:#087846;background:#e8f9f0}.calendar-event.draft{border-color:#8c99aa;color:#5c6878;background:#f0f3f6}.calendar-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px;color:#6f7b8e;font-size:9px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:8px;height:8px;border-radius:3px}.calendar-legend i.confirmed{background:#1670ee}.calendar-legend i.preparing{background:#ee8b20}.calendar-legend i.issued{background:#16a165}.calendar-legend i.draft{background:#8c99aa}.table-toolbar{padding:15px 17px 2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{padding:11px 15px;border-bottom:1px solid var(--line);color:#8190a5;background:#f9fbfd;font-size:8px;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:13px 15px;border-bottom:1px solid #edf1f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable:hover{background:#f8faff;cursor:pointer}td b,td span{display:block}td span{margin-top:3px;color:#738095;font-size:8px}.muted-text{display:block;margin-bottom:3px;color:#8c98aa;font-size:7px;letter-spacing:.04em}.profit,.positive{color:#07854b;font-weight:800}.warning{color:#c65316;font-weight:700}.link{color:var(--blue);font-weight:800}.status{display:inline-flex!important;align-items:center;width:fit-content;margin:0;padding:5px 8px;border-radius:999px;font-size:8px!important;font-weight:800;white-space:nowrap}.status.draft{color:#647084;background:#eef1f5}.status.confirmed{color:#1461c7;background:#e8f2ff}.status.preparing{color:#b65d06;background:#fff0df}.status.issued,.status.signed,.status.completed{color:#087c47;background:#e5f8ed}.status.cancelled{color:#c43a3a;background:#fde8e8}.status.approval{color:#7137b8;background:#f0e8fc}.status.reserved{color:#1461c7;background:#e8f2ff}.status.prepared{color:#b65d06;background:#fff0df}.status.returned{color:#087c47;background:#e5f8ed}.status.problem{color:#c43a3a;background:#fde8e8}.progress{display:inline-block;width:64px;height:5px;overflow:hidden;border-radius:5px;background:#e9eef5;vertical-align:middle}.progress span{display:block;height:100%;margin:0;border-radius:inherit;background:linear-gradient(90deg,#0782ff,#005bff)}td .progress+small{margin-left:6px;color:#77849a;font-size:8px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}.client-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto auto 34px;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px}.client-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:var(--blue);background:var(--blue-soft);font-size:12px;font-weight:800}.client-main{min-width:0}.client-main small,.client-card>div>small{color:#8c98aa;font-size:7px;font-weight:800;letter-spacing:.08em}.client-main h3{margin:4px 0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.client-main span{color:#6f7d91;font-size:8px}.client-card>div>b{display:block;margin-top:4px;font-size:10px}.icon-button{display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid var(--line);border-radius:9px;color:#7c899c;background:#fff}.availability{margin-bottom:16px}.availability-grid{display:grid;grid-template-columns:2fr 1fr 1fr .6fr;gap:12px;padding:5px 22px 15px}label{color:#536177;font-size:9px;font-weight:700}input,select,textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #dce4ef;border-radius:9px;color:#243147;background:#fff;font-size:10px;font-weight:500}textarea{resize:vertical}.availability-result{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--line);font-size:10px}.availability-result span{display:flex;align-items:center;gap:8px}.availability-result.ok{color:#087c47;background:#f0fbf5}.availability-result.bad{color:#bc3f31;background:#fff5f4}.warehouse-select{width:auto;min-width:120px;margin:0;padding:7px 9px;font-size:8px;font-weight:700}.people-grid,.vehicle-grid,.manager-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.person-card,.vehicle-card,.manager-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 26px #1730550e}.person-card{display:grid;grid-template-columns:44px 1fr;gap:13px}.person-avatar,.manager-card header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#006dff,#0044c5);font-size:11px;font-weight:800}.person-card h3,.vehicle-card h3{margin:2px 0 4px;font-size:12px}.person-card p,.vehicle-card p{margin:0 0 4px;color:#627086;font-size:9px}.person-card small{color:#8995a7;font-size:8px}.person-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 0}.person-card dl div,.vehicle-card dl div{padding:10px;border-radius:10px;background:#f7f9fc}.person-card dt,.vehicle-card dt{color:#8491a4;font-size:7px}.person-card dd,.vehicle-card dd{margin:4px 0 0;font-size:10px;font-weight:800}.active-dot{grid-column:1/-1;color:#15955a;font-size:8px}.vehicle-grid{margin-bottom:16px}.vehicle-card>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:14px;color:var(--blue);background:var(--blue-soft)}.vehicle-card>small{color:var(--blue);font-size:7px;font-weight:800;letter-spacing:.1em}.vehicle-card h3{margin-top:6px}.vehicle-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0}.delivery-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.delivery-summary div{padding:18px 22px;border-right:1px solid var(--line)}.delivery-summary div:last-child{border:0;background:#f0fbf5}.delivery-summary span{display:block;color:#7b8799;font-size:8px}.delivery-summary b{display:block;margin-top:6px;font-size:14px}.finance-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:18px}.waterfall{padding-bottom:15px}.waterfall>div:not(.panel-title){display:grid;grid-template-columns:130px minmax(100px,1fr) 110px;align-items:center;gap:12px;padding:9px 22px}.waterfall>div>span{color:#657289;font-size:9px}.waterfall>div>i{height:7px;border-radius:8px;background:#eef2f6}.waterfall em{display:block;height:100%;border-radius:inherit}.waterfall em.blue{background:#2679f4}.waterfall em.orange{background:#f29237}.waterfall em.violet{background:#9164df}.waterfall em.red{background:#e56262}.waterfall em.green{background:#27a76a}.waterfall b{text-align:right;font-size:10px}.waterfall b.negative{color:#b84a42}.close-month{padding:25px}.close-month>svg{color:var(--blue)}.close-month h3{margin:13px 0 7px}.close-month p{color:var(--muted);font-size:9px;line-height:1.6}.close-month ul{padding:0;list-style:none}.close-month li{display:flex;align-items:center;gap:7px;margin:9px 0;color:#5d6b80;font-size:9px}.close-month li svg{color:#13a162}.close-month li:last-child svg{color:#dd861c}.close-month button{width:100%;margin-top:10px}.manager-card header{display:flex;align-items:center;gap:12px}.manager-card header small{color:#8996a9;font-size:7px;font-weight:800}.manager-card h3{margin:3px 0 0;font-size:12px}.manager-total{margin:18px 0 11px;padding:15px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#075de5,#003caa)}.manager-total span{display:block;color:#c4d9ff;font-size:8px}.manager-total b{display:block;margin-top:5px;font-size:19px}.manager-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.manager-card dl div{padding:9px 5px;border-radius:9px;background:#f7f9fc;text-align:center}.manager-card dt{color:#8592a5;font-size:7px}.manager-card dd{margin:4px 0 0;font-size:9px;font-weight:800}.expense-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.expense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.expense{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #17305509}.expense>span{display:block;font-size:9px}.expense>div{display:flex;align-items:center;gap:8px}.expense input{border:0;margin:3px 0 0;padding:4px 0;font-size:16px;font-weight:800}.expense b{color:#93a0b1;font-size:8px}.expense-total{position:relative;overflow:hidden;padding:27px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#075ee8,#003493);box-shadow:0 15px 35px #0042aa33}.expense-total small{color:#b9d4ff;font-size:8px;font-weight:800;letter-spacing:.12em}.expense-total strong{display:block;margin:11px 0;font-size:26px}.expense-total p{width:75%;color:#c6d9fa;font-size:9px;line-height:1.6}.expense-total svg{position:absolute;right:-8px;bottom:-8px;color:#ffffff1f}.document-builder{display:grid;grid-template-columns:1.1fr 1.4fr 1fr auto;align-items:end;gap:13px;margin-bottom:16px;padding:18px 20px}.document-builder h3{margin:5px 0 0;font-size:14px}.row-actions{display:flex;gap:5px}.row-actions button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:8px;color:#6f7d90;background:#fff}.timeline{padding:14px 20px}.timeline article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline article:last-child{border:0}.timeline article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.timeline header{display:flex;justify-content:space-between;gap:10px}.timeline b{font-size:10px}.timeline time{color:#929eae;font-size:8px}.timeline p{margin:5px 0 3px;font-size:10px;font-weight:700}.timeline small{color:#788599;font-size:8px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid button{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;color:inherit;background:#fff;text-align:left;box-shadow:0 6px 20px #1730550a}.settings-grid button>i{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:var(--blue);background:var(--blue-soft)}.settings-grid button span{display:flex;flex:1;flex-direction:column}.settings-grid b{font-size:10px}.settings-grid small{margin-top:4px;color:#7b889b;font-size:8px}.settings-grid button>svg{color:#a6b0be}.settings-grid button.active{border-color:#9ec2ff;background:#f5f9ff;box-shadow:0 8px 24px #005bff1a}.settings-grid button.active>svg{color:var(--blue)}.settings-panel{margin-top:17px;overflow:hidden}.settings-panel>.table-wrap{padding:0 18px 18px}.settings-form{margin:0 18px 18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#f8faff}.settings-form-action{display:flex;align-items:end}.settings-edit{padding:0 20px 20px}.settings-edit>.panel-title{margin:0 -20px 12px}.settings-edit>button{margin-top:16px}.success-box{margin-bottom:14px;padding:11px 14px;border:1px solid #9ee0c8;border-radius:10px;color:#087653;background:#ecfbf5;font-size:9px;font-weight:700}.role-badge,.access-on,.access-off{display:inline-flex;padding:6px 9px;border:0;border-radius:999px;font-size:8px;font-weight:800}.role-badge{color:#31445f;background:#edf2f8}.access-on{color:#087653;background:#e8faf3}.access-off{color:#a23d4a;background:#fff0f2}.role-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}.role-settings article{padding:20px}.role-settings article>i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:11px;color:var(--blue);background:var(--blue-soft)}.role-settings h3{margin:5px 0 8px;font-size:15px}.role-settings small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.12em}.role-settings p{color:var(--muted);font-size:9px;line-height:1.6}.diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 18px}.diagnostics-grid>div{position:relative;display:flex;flex-direction:column;min-height:76px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f9fbfe}.diagnostics-grid small{color:var(--muted);font-size:8px}.diagnostics-grid b{margin-top:8px;font-size:13px}.diagnostics-grid .online-dot,.offline-dot{position:absolute;top:14px;right:14px}.offline-dot{width:7px;height:7px;border-radius:50%;background:#e25567}.settings-panel>.secondary{margin:0 20px 20px}.system-health{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:18px 20px}.system-health div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px}.system-health small{grid-column:2;color:#7a879a;font-size:8px}.system-health b{font-size:10px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:80;background:#07152d61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-backdrop{display:flex;justify-content:flex-end}.project-drawer{width:min(515px,100vw);height:100%;padding:26px;overflow-y:auto;background:#fff;box-shadow:-20px 0 60px #001e502b;animation:drawer .24s ease}@keyframes drawer{0%{transform:translate(50px);opacity:0}}.project-drawer>header{display:flex;justify-content:space-between;gap:20px}.project-drawer header small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.1em}.project-drawer h2{margin:6px 0 4px;font-size:23px}.project-drawer header p{color:var(--muted);font-size:10px}.drawer-status{display:flex;align-items:center;gap:10px;padding:13px;border-radius:12px;background:#f7f9fc}.drawer-status .progress{flex:1}.drawer-status b{color:#69768b;font-size:8px}.project-drawer section{padding:20px 0;border-bottom:1px solid var(--line)}.project-drawer section h3{margin-bottom:13px;font-size:12px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.details dt{color:#8895a7;font-size:8px}.details dd{margin:4px 0 0;font-size:9px;font-weight:700}.drawer-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawer-counters>div{display:flex;align-items:center;gap:9px;padding:12px;border-radius:11px;color:var(--blue);background:var(--blue-soft)}.drawer-counters span{display:flex;flex-direction:column}.drawer-counters b{font-size:13px}.drawer-counters small{color:#70809a;font-size:7px}.drawer-finance>div{display:flex;justify-content:space-between;padding:7px 0;color:#68758a;font-size:9px}.drawer-finance .total{margin-top:8px;padding:14px;border-radius:11px;color:#fff;background:#075be1}.drawer-finance .total strong{font-size:15px}.project-drawer footer{display:flex;gap:9px;padding-top:20px}.project-drawer footer button{flex:1}.modal-backdrop{display:grid;place-items:center;padding:20px;overflow-y:auto}.project-modal{width:min(820px,100%);max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;border-radius:19px;background:#fff;box-shadow:0 24px 75px #001b4647;animation:modal .2s ease}@keyframes modal{0%{transform:translateY(12px);opacity:.5}}.small-modal{width:min(600px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.16em}.modal-head h2{margin:5px 0 18px;font-size:23px}.project-modal>h3{margin:15px 0 10px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.modal-head p{margin:-12px 0 16px;color:var(--muted);font-size:9px}.project-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:5px;border-radius:11px;background:#f1f5fa}.project-steps span{padding:9px 12px;border-radius:8px;color:#7c899b;font-size:8px;font-weight:800;text-align:center}.project-steps span.active{color:#0759d8;background:#fff;box-shadow:0 3px 10px #19375f14}.project-steps span.done{color:#087653}.equipment-modal{width:min(960px,100%)}.equipment-editor{display:grid;gap:15px}.equipment-add{display:grid;grid-template-columns:minmax(260px,1fr) 115px 125px auto;align-items:end;gap:10px;padding:15px;border:1px solid #cfe0fa;border-radius:14px;background:#f5f9ff}.equipment-add label{display:flex;flex-direction:column;gap:6px;color:#46566d;font-size:8px;font-weight:700}.equipment-add select,.equipment-add input{width:100%;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff}.availability-box{display:flex;height:59px;flex-direction:column;justify-content:center;padding:10px 12px;border:1px solid #add8c7;border-radius:10px;color:#087653;background:#edfaf5}.availability-box small{font-size:7px}.availability-box b{margin-top:4px;font-size:15px}.availability-box.danger{border-color:#f2b6be;color:#b83243;background:#fff1f3}.equipment-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-radius:12px;background:#f6f8fb}.equipment-summary>div{display:flex;align-items:center;gap:10px;color:var(--blue)}.equipment-summary span{display:flex;flex-direction:column}.equipment-summary b{font-size:15px}.equipment-summary small,.equipment-summary p{color:var(--muted);font-size:8px}.equipment-lines{display:grid;gap:8px}.equipment-lines article{display:grid;grid-template-columns:40px minmax(220px,1fr) 90px 100px 34px;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.equipment-lines article>div:nth-child(2){display:flex;flex-direction:column}.equipment-lines article small,.equipment-lines article span{color:var(--muted);font-size:8px}.equipment-lines article b{margin:3px 0;font-size:10px}.equipment-lines article>strong{font-size:11px;text-align:right}.equipment-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.danger-button{color:#c43a3a}.equipment-empty{display:grid;place-items:center;min-height:160px;padding:25px;border:1px dashed #cbd6e4;border-radius:14px;color:#8a97a8;text-align:center}.equipment-empty b{margin-top:10px;color:#536177;font-size:11px}.equipment-empty p{margin-top:5px;font-size:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.form-grid .wide{grid-column:span 2}.project-total{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:18px;padding:17px 19px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#075fe9,#003d9e)}.project-total span{font-size:9px;font-weight:700}.project-total strong{font-size:21px}.project-total small{grid-column:1/-1;margin-top:5px;color:#c7dcff;font-size:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:#f3f7fd}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#1577ff,transparent 35%),linear-gradient(135deg,#003ba7,#001f5c)}.login-shell{display:grid;grid-template-columns:1.05fr .85fr;width:min(1000px,100%);min-height:600px;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 35px 100px #00123f6b}.login-hero{position:relative;padding:58px;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 70%,rgba(59,145,255,.7),transparent 34%),linear-gradient(145deg,#0067f5,#003791 75%)}.login-hero:after{content:"";position:absolute;width:420px;height:420px;right:-220px;bottom:-180px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.login-logo{margin-bottom:70px;color:var(--blue);background:#fff}.login-hero>small{color:#bed7ff;font-size:9px;font-weight:800;letter-spacing:.17em}.login-hero h1{margin:14px 0;font-size:clamp(31px,4vw,47px);line-height:1.08;letter-spacing:-.045em}.login-hero p{width:85%;color:#c8dbfa;font-size:11px;line-height:1.7}.login-hero ul{margin:40px 0 0;padding:0;list-style:none}.login-hero li{display:flex;align-items:center;gap:9px;margin:14px 0;color:#e3edff;font-size:10px}.login-hero li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#1267df;background:#fff;font-weight:800}.login-shell form{align-self:center;padding:55px}.login-shell form>small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.login-shell form h2{margin:8px 0 5px;font-size:29px;letter-spacing:-.04em}.login-shell form>p{margin-bottom:27px;color:#758298;font-size:9px}.login-shell form label{display:block;margin:15px 0}.login-shell form input{min-height:45px}.login-submit{width:100%;min-height:46px;margin-top:10px}.login-shell form footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:25px;color:#8b97a8;font-size:7px}.mobile-login-brand{display:none}.demo-note,.error-box{margin:12px 0;padding:10px 12px;border-radius:9px;font-size:9px}.demo-note{color:#175caa;background:#eaf3ff}.error-box{color:#a53333;background:#feeaea}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#526077}.loading-screen .brand-mark{margin-bottom:8px;color:#fff;background:var(--blue)}.loading-screen b{font-size:13px}.loading-screen span{font-size:9px}.backdrop{position:fixed;inset:0;z-index:35;border:0;background:#09183159}@media(max-width:1150px){.metrics,.client-grid,.people-grid,.vehicle-grid,.manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-builder{grid-template-columns:1fr 1fr}.document-builder>div{grid-column:1/-1}}@media(max-width:900px){.app{display:block}.sidebar{transform:translate(-105%);transition:.22s}.sidebar.open{transform:translate(0)}.close-mobile,.mobile-menu{display:grid}main{min-height:100vh}.topbar{padding:10px 18px}.company-switch{margin-right:auto}.server-status{display:none}.content{padding:26px 18px 45px}.dashboard-grid,.finance-layout,.expense-layout{grid-template-columns:1fr}.expense-total{min-height:180px}.client-card{grid-template-columns:45px minmax(0,1fr) auto 34px}.client-card>div:nth-of-type(4){display:none}.login-shell{grid-template-columns:1fr;min-height:0;max-width:480px}.login-hero{display:none}.login-shell form{padding:45px}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px}.mobile-login-brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--blue);font-weight:800}.mobile-login-brand b{font-size:12px}}@media(max-width:650px){.topbar{gap:9px}.company-switch div,.company-switch>svg,.security{display:none}.month-picker span{display:none}.month-picker input{width:110px}.heading{align-items:flex-start;flex-direction:column}.heading .primary,.heading .secondary{width:100%}.hero{min-height:220px;padding:25px}.ring{width:92px;height:92px}.ring:before{width:70px;height:70px}.metrics,.metrics.three,.client-grid,.people-grid,.vehicle-grid,.manager-grid,.settings-grid,.expense-grid,.role-settings,.diagnostics-grid{grid-template-columns:1fr}.metric{min-height:125px}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:14px}.calendar-toolbar{align-items:stretch;flex-direction:column}.segmented{width:100%}.availability-grid{grid-template-columns:1fr 1fr}.availability-grid label:first-child{grid-column:1/-1}.availability-result{align-items:flex-start;flex-direction:column;gap:7px}.client-card{grid-template-columns:42px 1fr 32px}.client-card>div:nth-of-type(3),.client-card>div:nth-of-type(4){display:none}.delivery-summary{grid-template-columns:1fr 1fr}.delivery-summary div{border-bottom:1px solid var(--line)}.document-builder{grid-template-columns:1fr}.waterfall>div:not(.panel-title){grid-template-columns:100px 1fr}.waterfall>div>b{grid-column:2}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:1/-1}.details,.drawer-counters{grid-template-columns:1fr}.project-drawer{padding:20px}.equipment-add{grid-template-columns:1fr 1fr}.equipment-add label:first-child{grid-column:1/-1}.equipment-lines article{grid-template-columns:38px 1fr auto}.equipment-lines article>.status{grid-column:2}.equipment-lines article>.danger-button{grid-column:3;grid-row:1}.login-page{padding:15px}.login-shell form{padding:35px 27px}.project-modal{padding:20px}}