:root{--navy:#0d223b;--navy2:#153957;--blue:#0f6ddc;--blue2:#eaf4ff;--green:#0a9f6a;--green2:#e8f8f1;--amber:#e5a315;--amber2:#fff7df;--red:#d94841;--red2:#fff0ee;--ink:#14233a;--muted:#73829a;--line:#dce5ef;--bg:#f3f7fb;--card:#fff;--shadow:0 8px 28px rgba(34,64,100,.07)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:274px;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.brand img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.brand strong{font-size:19px;display:block}.brand small{display:block;color:#8fd5c4;margin-top:3px}.sidebar nav{padding:16px 10px;display:grid;gap:4px}.sidebar nav a{color:#d4e4f3;padding:12px 13px;border-radius:9px;display:flex;align-items:center;gap:11px;font-size:15px;position:relative}.sidebar nav a span{width:19px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#1c456c;color:#fff}.sidebar nav em{margin-left:auto;background:#f14f55;color:#fff;font-style:normal;border-radius:50px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;font-size:12px}.user-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px;display:flex;align-items:center;gap:10px}.user-card .avatar{width:38px;height:38px;border-radius:50%;background:#2e7fd1;display:grid;place-items:center;font-weight:700}.user-card div:nth-child(2){min-width:0;flex:1}.user-card b,.user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{color:#92b4d2;margin-top:2px}.user-card>a{color:#fff;font-size:24px}.main-shell{margin-left:274px;min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.topbar>div:first-child b{display:block;font-size:18px}.topbar>div:first-child small{color:var(--muted);display:block;margin-top:3px}.top-actions{display:flex;gap:12px;align-items:center}.notify{position:relative}.bell{width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;font-size:22px;position:relative}.bell em{position:absolute;right:-4px;top:-7px;background:#ef4148;color:#fff;border-radius:50px;font-style:normal;font-size:11px;min-width:21px;height:21px;display:grid;place-items:center}.notify-pop{display:none;position:absolute;right:0;top:53px;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 42px rgba(0,0,0,.15);padding:10px}.notify:hover .notify-pop{display:block}.notify-pop>b{display:block;padding:9px}.notify-pop a{display:block;border-top:1px solid #eef3f7;padding:9px;color:var(--ink)}.notify-pop span,.notify-pop small{display:block}.notify-pop small{color:var(--muted);margin-top:3px}.content{padding:28px;max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{margin:3px 0 6px;font-size:31px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.8px}.source-note{background:#eaf4ff;border:1px solid #cfe3fa;color:#135dac;border-radius:12px;padding:11px 14px;font-size:13px}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--blue);color:#fff}.btn-soft{background:#eef5fc;color:#185f9f;border:1px solid #d5e6f6}.btn-danger{background:#d94b48;color:#fff}.btn-block{width:100%}.btn-mini{background:#edf5ff;border-radius:7px;padding:6px 10px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.card h3,.card h2{margin:0}.card p{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sticky{position:sticky;top:94px;align-self:start}.alert{padding:12px 15px;border-radius:10px;margin:0 0 15px;font-weight:600}.alert-success{background:#e8f7ef;color:#08794d}.alert-danger{background:#fff0ef;color:#b53030}.alert-info{background:#edf6ff;color:#155e9d}.alert-warning{background:#fff6df;color:#9a6700}.badge{display:inline-flex;align-items:center;border-radius:50px;padding:4px 8px;font-size:11px;font-weight:800}.badge-success{background:#e7f8ef;color:#07804e}.badge-warning{background:#fff2cf;color:#936000}.badge-danger{background:#ffe9e7;color:#bd3b35}.badge-info{background:#eaf4ff;color:#1462a9}.badge-primary{background:#eaf4ff;color:#1268c4}.badge-muted{background:#edf1f5;color:#617086}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:16px}.filter-bar label{display:flex;align-items:center;gap:7px;color:var(--muted)}.filter-bar input,.filter-bar select{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.form-grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}label{font-size:13px;font-weight:700;color:#384861}label input,label select,label textarea{display:block;width:100%;margin-top:6px;border:1px solid #cdd9e6;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}label input:focus,label select:focus,label textarea:focus{border-color:#63a8ed;box-shadow:0 0 0 3px rgba(49,137,226,.12)}label small{display:block;color:var(--muted);font-weight:400;line-height:1.35;margin-top:6px}.form-stack{display:grid;gap:12px}.inline-check{display:flex;gap:8px;align-items:center}.inline-check input{width:auto;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e8eef4;vertical-align:top;font-size:13px}th{color:#63748b;font-size:12px;text-transform:uppercase;letter-spacing:.3px}td small{display:block;color:var(--muted);margin-top:3px}.empty{color:var(--muted);text-align:center;padding:24px}.empty.big{padding:50px}.kpi-grid{display:grid;gap:14px;margin-bottom:18px}.k4{grid-template-columns:repeat(4,1fr)}.k5{grid-template-columns:repeat(5,1fr)}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.kpi span{display:block;color:var(--muted);font-size:13px}.kpi b{display:block;margin-top:9px;font-size:26px}.kpi.accent{background:linear-gradient(135deg,#1769bd,#0b4d8d);color:#fff}.kpi.accent span{color:#cfe5fb}.hero-dashboard{background:linear-gradient(120deg,#0f3559,#1264a8);color:#fff;border-radius:18px;padding:24px 28px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-dashboard span{font-size:12px;letter-spacing:.8px;color:#7fd4bf;font-weight:800}.hero-dashboard h2{margin:7px 0;font-size:28px}.hero-dashboard p{margin:0;color:#d5e6f4}.hero-number{min-width:280px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:16px}.hero-number small,.hero-number b{display:block}.hero-number b{font-size:27px;margin-top:7px}.dash-grid{margin-bottom:18px}.warehouse-bars>div,.report-list>div{margin:14px 0}.bar-label,.report-list>div>div:first-child{display:flex;justify-content:space-between;gap:12px}.bar-label span,.report-list span{color:var(--muted);font-size:12px}.bar-track{height:8px;background:#edf2f7;border-radius:8px;overflow:hidden;margin-top:7px}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#2580de,#2aaf8e)}.plan-pills{display:flex;gap:10px;flex-wrap:wrap}.plan-pills span{border:1px solid #dce7f2;background:#f8fbfe;border-radius:12px;padding:10px 13px}.plan-pills b,.plan-pills em{display:block}.plan-pills em{font-style:normal;color:var(--muted);font-size:12px;margin-top:3px}.rule-box{background:#f6f9fc;border:1px solid #e1e8f0;border-radius:12px;padding:14px;margin-top:15px}.rule-box p{margin:7px 0}.muted-text{color:var(--muted)}
/* Pricing studio */.quote-studio{padding-bottom:90px}.studio-card{margin-bottom:18px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.section-title>span{width:42px;height:42px;border-radius:11px;background:#1975dd;color:#fff;display:grid;place-items:center;font-weight:800}.section-title>div{flex:1}.section-title h2{font-size:22px;margin:0 0 3px}.section-title p{margin:0;color:var(--muted)}.metrics-input{margin-top:15px}.pricing-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:stretch}.margin-picker select{font-size:17px;font-weight:700;padding:13px}.margin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.margin-kpis>div{background:#f4f8fc;border:1px solid #e1e9f2;border-radius:10px;padding:10px}.margin-kpis small,.margin-kpis b{display:block}.margin-kpis small{color:var(--muted);font-size:10px}.margin-kpis b{margin-top:3px;font-size:16px}.margin-kpis.large{margin:16px 0}.price-result{background:linear-gradient(135deg,#0d3152,#0f5f9c);color:#fff;border-radius:15px;padding:18px;display:flex;flex-direction:column;justify-content:center}.price-result small{font-size:11px;color:#9cd7c8;font-weight:800}.price-result strong{font-size:34px;margin:5px 0}.price-result span{color:#cae2f4}.price-result p{color:#d8e9f5;margin:11px 0 0}.approval-preview{margin-top:12px;border-radius:11px;padding:12px 13px;background:#eef6ff;border:1px solid #d4e8fb;color:#245f93}.approval-preview b,.approval-preview span{display:block}.approval-preview span{font-size:12px;margin-top:4px;color:#66809a}.matrix-wrap{overflow:auto;margin-top:16px}.matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.matrix th,.matrix td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:11px}.matrix thead th{background:#eaf3fc;color:#315a82}.matrix tbody th{background:#f6f9fc;text-align:left}.matrix .selected-cell{background:#dff5e9;color:#087b50;font-weight:800;box-shadow:inset 0 0 0 2px #35aa7a}.matrix.big td{font-size:14px;font-weight:700}.inline-warning{background:#fff3dc;border:1px solid #f1d394;color:#8b5f0a;border-radius:10px;padding:10px;margin-top:10px}.hidden{display:none!important}.item-editor{border:1px solid var(--line);border-radius:12px;overflow:hidden}.item-head,.item-row{display:grid;grid-template-columns:58px 1.9fr .8fr .8fr 44px;gap:8px;align-items:center}.item-head{background:#eaf3fc;padding:10px;font-size:11px;font-weight:800;color:#536d87;text-transform:uppercase}.item-row{padding:8px 10px;border-top:1px solid #e8eef5}.item-row input{width:100%;border:1px solid #d1dde8;border-radius:8px;padding:9px}.drag-num{width:30px;height:30px;border-radius:50%;background:#edf5fd;display:grid;place-items:center;font-weight:800;color:#2c6fae}.row-delete{border:0;background:#ffefee;color:#bc3932;border-radius:8px;width:34px;height:34px;font-size:21px;cursor:pointer}.editor-note{background:#fff8e8;border:1px solid #f1dca9;color:#815e19;border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13px}.save-bar{position:sticky;bottom:12px;z-index:12;background:#102943;color:#fff;border-radius:15px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 14px 35px rgba(4,29,52,.26)}.save-bar small,.save-bar b,.save-bar span{display:block}.save-bar b{font-size:19px;margin:3px 0}.save-bar>div:last-child{display:flex;gap:8px}.route-badge{font-size:11px}.route-director{color:#ffd790}.route-manager{color:#8ee1c7}
/* Approval */.pending-pulse{background:#fff4df;border:1px solid #f0d28b;border-radius:14px;padding:11px 18px;display:flex;gap:8px;align-items:center}.pending-pulse b{font-size:25px;color:#a26700}.pending-pulse span{color:#826329}.approval-list{display:grid;gap:13px}.approval-card{display:grid;grid-template-columns:115px 1fr 140px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.approval-card.risk{border-color:#efb4ad}.approval-side{background:#f7f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.approval-side b{font-size:12px;color:#65798f}.approval-side span{font-size:11px;color:var(--muted)}.approval-card.risk .approval-side{background:#fff0ed}.approval-main{padding:15px}.approval-title{display:flex;justify-content:space-between;gap:16px}.approval-title h3{margin:2px 0;font-size:17px}.approval-title p{margin:0;color:var(--muted);font-size:12px}.price-big{text-align:right}.price-big small,.price-big b,.price-big span{display:block}.price-big b{font-size:21px}.price-big span{font-size:11px;color:var(--muted)}.approval-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.approval-metrics>div{background:#f5f8fb;border:1px solid #e5ebf2;border-radius:9px;padding:8px}.approval-metrics span,.approval-metrics b{display:block}.approval-metrics span{font-size:10px;color:var(--muted)}.approval-metrics b{font-size:12px;margin-top:3px}.approval-action{border-left:1px solid var(--line);display:grid;place-items:center;padding:14px}.risk-line{background:#fff0ed;color:#a73b32;border:1px solid #efc2bd;border-radius:9px;padding:8px 10px;margin-top:10px;font-size:12px}.quote-summary-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-grid>div{background:#f5f8fb;border:1px solid #e4ebf2;border-radius:10px;padding:10px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{font-size:10px;color:var(--muted)}.detail-grid b{margin-top:4px}.economy-card .hero-value{background:#edf5fe;border-radius:10px;padding:12px;margin:10px 0;position:relative}.economy-card .hero-value.green{background:#eaf8f0;color:#087945}.hero-value small,.hero-value b{display:block}.hero-value b{font-size:22px;margin-top:5px}.hero-value span{position:absolute;right:11px;top:12px;cursor:help}.contact-preview{background:#f7fafc;border-radius:10px;padding:10px;margin-top:12px}.approval-steps{display:flex;align-items:center;gap:10px;margin:13px 0}.step{border:1px solid #dce5ed;border-radius:11px;padding:10px 12px;min-width:130px;background:#f7f9fb}.step b,.step small{display:block}.step small{color:var(--muted);margin-top:3px}.step.done{background:#e9f8f0;border-color:#a9dfc4}.step.current{background:#eaf4ff;border-color:#8fc2f3}.arrow{color:#8aa0b5}.approval-form textarea,.reopen-form textarea,section.card form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}.approval-form>div{display:flex;gap:8px}.timeline{display:grid;gap:12px}.timeline>div{border-left:3px solid #b9cee2;padding-left:12px}.timeline b,.timeline small{display:block}.timeline small{color:var(--muted);margin-top:3px}.timeline p{margin:6px 0 0}
/* pricing tabs/reports */.warehouse-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.warehouse-tabs a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;color:var(--ink)}.warehouse-tabs a b,.warehouse-tabs a span{display:block}.warehouse-tabs a span{color:var(--muted);font-size:12px;margin-top:3px}.warehouse-tabs a.active{border-color:#2e86df;box-shadow:0 0 0 2px #dceeff}.plan-selector{display:flex;justify-content:space-between;align-items:center;gap:16px}.plan-selector h3{margin:0}.plan-selector p{margin:4px 0;color:var(--muted)}.plan-selector select{border:1px solid var(--line);border-radius:10px;padding:10px;min-width:250px}.info-callout{background:#fff7df;border:1px solid #efd79a;color:#76561a;border-radius:12px;padding:12px 15px;margin-top:14px}.report-list>div{border-bottom:1px solid #e9eef4;padding-bottom:11px}.report-list strong{display:block;margin-top:6px}.customers-layout,.users-layout{grid-template-columns:1.5fr .7fr}
/* login */.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8f5ff,#eef3f8 50%,#dce7f2)}.login-card{width:min(430px,92vw);background:#fff;border:1px solid #d9e5ef;border-radius:20px;padding:28px;box-shadow:0 24px 70px rgba(26,56,84,.18)}.login-card>img{width:95px;display:block;margin:0 auto}.login-card h1{text-align:center;margin:10px 0 4px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 20px}.login-note{display:block;text-align:center;color:var(--muted);margin-top:16px}
@media(max-width:1200px){.sidebar{width:230px}.main-shell{margin-left:230px}.k5{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.approval-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{position:static;width:100%;min-height:auto}.app-shell{display:block}.main-shell{margin-left:0}.sidebar nav{grid-template-columns:repeat(2,1fr)}.user-card{display:none}.topbar{position:static}.content{padding:16px}.grid-2,.quote-summary-grid,.pricing-layout,.g2,.g3,.customers-layout,.users-layout{grid-template-columns:1fr}.k4,.k5{grid-template-columns:repeat(2,1fr)}.warehouse-tabs{grid-template-columns:repeat(2,1fr)}.approval-card{grid-template-columns:1fr}.approval-side{padding:9px;flex-direction:row}.approval-action{border-left:0;border-top:1px solid var(--line)}.item-head,.item-row{grid-template-columns:42px 1.3fr .8fr .7fr 40px}.save-bar{position:static;margin-top:15px;flex-direction:column;align-items:stretch}.save-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.hero-dashboard{flex-direction:column;align-items:flex-start}.hero-number{min-width:0;width:100%}}@media(max-width:600px){.k4,.k5,.margin-kpis{grid-template-columns:1fr 1fr}.topbar{padding:0 14px}.page-head{flex-direction:column}.approval-title{flex-direction:column}.price-big{text-align:left}.item-editor{overflow:auto}.item-head,.item-row{min-width:760px}.sidebar nav{grid-template-columns:1fr 1fr}.warehouse-tabs{grid-template-columns:1fr}.plan-selector{flex-direction:column;align-items:stretch}}