:root{--navy:#0d1b2a;--navy2:#15283d;--orange:#ff6b2c;--orange2:#ff8c42;--bg:#f3f6fa;--card:#fff;--text:#172033;--muted:#718096;--line:#e6ebf1;--green:#15966a;--red:#d64545;--blue:#2970ff;--yellow:#b7791f;--shadow:0 10px 30px rgba(20,35,55,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,var(--navy),#07111d);color:#d7e0ea;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 18px rgba(255,107,44,.25)}.brand strong{display:block;font-size:17px;color:inherit}.brand small{display:block;font-size:11px;color:#8fa0b3;margin-top:2px;letter-spacing:.07em;text-transform:uppercase}.sidebar .brand{padding:0 9px 21px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar nav{padding-top:18px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:#aebdcb;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(255,255,255,.09)}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--orange)}.nav-icon{width:25px;text-align:center;font-weight:900}.sidebar-foot{margin-top:auto;padding:17px 10px 4px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-foot small,.sidebar-foot strong{display:block}.sidebar-foot small{color:#788a9c}.sidebar-foot strong{margin:4px 0 10px;color:#fff}.sidebar-foot a{color:#ff9b70;font-size:12px}.main{margin-left:248px;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:22px;letter-spacing:-.02em}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.content{padding:26px 30px 60px;max-width:1600px;margin:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow);margin-bottom:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.card-head h3{margin:0;font-size:17px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.card-head>a{color:var(--blue);font-weight:700;font-size:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:28px;margin:8px 0 6px;letter-spacing:-.03em}.stat-card small{font-size:11px}.trial-banner{background:linear-gradient(120deg,#11243a,#1b3d5e);color:#fff;border-radius:18px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:0 15px 35px rgba(13,27,42,.18)}.trial-banner h2{margin:5px 0;font-size:24px}.trial-banner p{margin:0;color:#b6c8d9}.eyebrow{font-size:10px;letter-spacing:.16em;color:#ff9b70;font-weight:800}.progress-wrap{min-width:270px}.progress-wrap>strong{font-size:25px}.progress{height:8px;background:rgba(255,255,255,.13);border-radius:99px;overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffc04a)}.progress-wrap a{font-size:11px;color:#ffb08e}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:700;line-height:1.1;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 7px 18px rgba(255,107,44,.2)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;border-color:var(--line);color:var(--text)}.btn-lg{padding:13px 20px;font-size:15px}.btn-sm{padding:7px 10px;font-size:11px}.btn-block{width:100%}.alert{border-radius:11px;padding:12px 15px;margin-bottom:15px;font-weight:600}.alert-success{background:#e9fbf4;color:#087452;border:1px solid #bcebd9}.alert-danger{background:#fff0f0;color:#a62e2e;border:1px solid #f3c4c4}.alert-info{background:#eef5ff;color:#2455a6;border:1px solid #c9dcff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.filter-bar label{display:flex;flex-direction:column;gap:7px;color:#475569;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select,.mini-form input,.mini-form select,.mini-form textarea,form>label input{width:100%;border:1px solid #dce3eb;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#8aafff;box-shadow:0 0 0 3px rgba(41,112,255,.08)}textarea{min-height:74px;resize:vertical}.full{grid-column:1/-1}.span-2{grid-column:span 2}.check{flex-direction:row!important;align-items:center;align-self:end;padding:10px 0}.check input{width:auto!important}.pill{background:#f2f5f8;border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:11px;color:#516070}.filter-bar{display:flex;gap:10px;align-items:end}.filter-bar>input,.filter-bar>select{max-width:260px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{background:#f8fafc;color:#657386;text-align:left;padding:11px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #edf1f5;vertical-align:middle}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}tr:last-child td{border-bottom:0}.right{text-align:right}.positive{color:var(--green)}.empty{text-align:center!important;color:var(--muted);padding:28px!important}.badge{display:inline-block;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.badge-success{background:#e3f8ef;color:#0b7c56}.badge-danger{background:#ffe9e9;color:#ba3434}.badge-info{background:#e8f1ff;color:#315ea8}.badge-warning{background:#fff4d9;color:#8b6513}.badge-primary{background:#ecefff;color:#4c58a8}.badge-secondary{background:#eef1f4;color:#687584}.mini-platform{display:inline-block;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mini-platform.easyparcel,.platform-logo.easyparcel{background:#ffefe8;color:#d9531b}.mini-platform.delyva,.platform-logo.delyva{background:#e8f0ff;color:#1c5fd0}.mini-platform.manual,.platform-logo.manual{background:#edf0f3;color:#52616f}.platform-list{display:flex;flex-direction:column;gap:10px}.platform-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px}.platform-row small,.platform-row strong{display:block}.platform-row small{color:var(--muted);font-size:11px;margin-top:4px}.platform-row .right{margin-left:auto}.platform-logo{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:900}.timeline>div{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.timeline>div:last-child{border:0}.timeline>div>span{font-size:11px;font-weight:800;color:var(--orange)}.timeline strong,.timeline small{display:block}.timeline small{color:var(--muted);font-size:11px;margin-top:3px}.weight-preview{background:#f7f9fb;border:1px dashed #cdd8e4;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:11px}.weight-preview span{font-size:11px;color:var(--muted)}.weight-preview strong{margin-right:14px}.quote-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;border-radius:14px;padding:16px 20px;margin-bottom:18px}.quote-summary div{border-right:1px solid rgba(255,255,255,.12);padding:2px 16px}.quote-summary div:first-child{padding-left:0}.quote-summary div:last-child{border:0}.quote-summary span,.quote-summary strong{display:block}.quote-summary span{font-size:10px;text-transform:uppercase;color:#93a7bc;margin-bottom:5px}.quote-options{display:flex;flex-direction:column;gap:10px}.quote-option{position:relative;display:grid;grid-template-columns:50px 1fr 140px 90px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:14px}.quote-option.best{border:1.5px solid var(--orange);background:#fffaf7}.best-tag{position:absolute;right:15px;top:-9px;background:var(--orange);color:#fff;font-size:8px;font-weight:900;padding:4px 7px;border-radius:99px}.quote-main>span{color:var(--muted);font-size:10px;text-transform:uppercase}.quote-main h4{margin:3px 0;font-size:15px}.quote-main p{margin:0;color:var(--muted);font-size:11px}.quote-price{text-align:right}.quote-price strong,.quote-price small{display:block}.quote-price strong{font-size:20px}.quote-price small{font-size:10px;color:var(--muted)}.service-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-picker>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:11px;padding:11px 13px}.service-picker strong,.service-picker small{display:block}.service-picker small{font-size:10px;color:var(--muted);margin-top:3px}.service-picker input{width:65px;border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}.sticky-action{position:sticky;bottom:15px;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;justify-content:flex-end;gap:10px;box-shadow:0 12px 30px rgba(20,30,50,.14)}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px}.receipt{max-width:930px;margin-left:auto;margin-right:auto}.receipt-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:17px}.receipt-ref{text-align:right}.receipt-ref span,.receipt-ref strong,.receipt-ref small{display:block}.receipt-ref span{font-size:9px;color:var(--muted);letter-spacing:.1em}.receipt-ref strong{font-size:19px;margin:4px 0}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:20px 0}.receipt-grid>div:first-child{border-right:1px solid var(--line)}.receipt-grid span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.receipt-grid p{line-height:1.55;color:#566273;font-size:12px}.parcel-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#f5f8fb;border-radius:11px;padding:13px}.parcel-strip span,.parcel-strip strong{display:block}.parcel-strip span{font-size:9px;color:var(--muted);text-transform:uppercase}.parcel-strip strong{margin-top:4px;font-size:12px}.receipt-table{margin-top:16px}.receipt-table .total td{border-top:2px solid var(--navy);font-weight:900;font-size:15px}.receipt-bottom{text-align:center;border-top:1px dashed #cbd4de;margin-top:18px;padding-top:15px}.receipt-bottom p{margin:5px}.receipt-bottom small{color:var(--muted)}.money-breakdown>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px}.money-breakdown>div.highlight{background:#edf9f4;border-radius:9px;border:0;margin-top:8px;color:var(--green)}.checklist{display:flex;flex-direction:column;gap:10px}.checklist>div{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px}.checklist>div:last-child{border:0}.checklist b{width:25px;height:25px;border-radius:8px;background:#eef3f8;display:grid;place-items:center;color:var(--orange);flex:none}.checklist span{line-height:1.5}.inline{display:inline}.mini-form{position:absolute;right:20px;margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;width:260px;box-shadow:0 15px 35px rgba(20,30,50,.15);z-index:5;display:grid;gap:8px}.mini-form.wide{width:350px}.mini-form label{font-size:10px;font-weight:700;color:#586575}.mini-form textarea{min-height:55px}details{position:relative}summary{list-style:none}.pricing-rule{padding:12px 0;border-bottom:1px solid var(--line)}.pricing-rule:last-child{border:0}.pricing-rule p{margin:5px 0 0;color:var(--muted);line-height:1.5}.report-title{text-align:center;margin:25px 0}.report-title span{font-size:10px;letter-spacing:.13em;color:var(--orange);font-weight:800}.report-title h2{margin:6px 0}.report-title p{margin:0;color:var(--muted)}.comparison-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.comparison-card{border:1px solid var(--line);border-radius:14px;padding:17px}.comparison-card h3{margin:10px 0}.comparison-card dl{margin:0}.comparison-card dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.comparison-card dl>div:last-child{border:0}.comparison-card dt{color:var(--muted)}.comparison-card dd{margin:0;font-weight:800}.decision-box{background:linear-gradient(135deg,#102339,#1d466b);color:#fff;padding:24px;border-radius:16px}.decision-box h3{margin-top:0}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.decision-grid>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}.decision-grid strong,.decision-grid span{display:block}.decision-grid span{font-size:11px;color:#bdd0e2;margin-top:6px;line-height:1.5}.security-note{background:#fffaf2}.security-note p,.security-note li{line-height:1.55;color:#5a6270}.switch{position:relative;display:inline-block}.switch input{display:none}.switch span{display:block;width:44px;height:24px;background:#cbd3dc;border-radius:99px;position:relative}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(20px)}.shop-board{max-width:1000px;margin:auto;background:#fff;border:14px solid var(--navy);box-shadow:0 20px 50px rgba(15,30,50,.14)}.board-top{background:linear-gradient(135deg,var(--navy),#1d4263);color:#fff;text-align:center;padding:45px 30px 35px}.board-top>span{letter-spacing:.2em;color:#ffad89;font-size:11px;font-weight:900}.board-top h1{font-size:64px;line-height:.95;margin:13px 0;letter-spacing:-.04em}.board-top p{font-size:18px;color:#c6d7e6}.board-route{display:flex;align-items:center;justify-content:center;gap:22px;padding:25px;background:#f5f7fa}.board-route>div{display:flex;align-items:center;gap:9px}.board-route b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:18px}.board-route span{font-weight:900;font-size:12px;line-height:1.2}.board-route i{font-style:normal;color:#aab4bf;font-size:20px}.board-price{padding:30px}.board-price h2{text-align:center;margin:0 0 20px;font-size:25px}.board-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.board-price-grid>div{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:end;border-bottom:1px dashed #bfc8d2;padding:10px}.board-price-grid span{font-weight:700}.board-price-grid strong{font-size:20px;color:var(--orange)}.board-price-grid small{color:var(--muted)}.board-notice{margin:0 30px 25px;padding:18px;background:#fff3ec;border-left:6px solid var(--orange)}.board-notice strong{font-size:16px}.board-notice p{margin:7px 0 0;line-height:1.55;color:#5e6570}.board-footer{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:22px 30px}.board-footer strong,.board-footer span{display:block}.board-footer span{font-size:11px;color:#aec2d3;line-height:1.5}.board-phone{text-align:right}.board-phone strong{font-size:23px;color:#ff9e74}.login-body,.install-body{min-height:100vh;background:#0d1b2a}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-hero{padding:10vw 8vw;color:#fff;background:radial-gradient(circle at 20% 20%,#274f73,transparent 40%),linear-gradient(135deg,#07111d,#142c44);display:flex;flex-direction:column;justify-content:center}.hero-badge{width:max-content;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:99px;font-size:10px;letter-spacing:.15em;color:#ff9e74}.login-hero h1{font-size:52px;max-width:680px;line-height:1.02;margin:20px 0}.login-hero>p{font-size:17px;line-height:1.6;color:#b8cadb;max-width:650px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;max-width:650px}.hero-grid>div{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.hero-grid strong,.hero-grid span{display:block}.hero-grid strong{font-size:18px}.hero-grid span{font-size:10px;color:#9db1c4;margin-top:5px}.login-card{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:9vw 6vw}.login-card .brand{margin-bottom:50px;color:var(--text)}.login-card h2{font-size:30px;margin:0}.login-card form{display:flex;flex-direction:column;gap:15px;margin-top:25px}.login-card form label{font-size:12px;font-weight:700;color:#566273}.muted{color:var(--muted)}.center{text-align:center}.install-body{display:grid;place-items:center;padding:30px}.install-card{width:min(760px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.install-brand{margin-bottom:25px}.install-card h1{margin-bottom:5px}
@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(2,1fr)}.quote-option{grid-template-columns:45px 1fr 110px}.quote-option>div:last-child{grid-column:2/-1;text-align:right}.comparison-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 16px;height:76px}.topbar>div{flex:1;margin-left:10px}.topbar .btn{font-size:0;padding:11px}.topbar .btn:after{content:"+";font-size:20px}.content{padding:18px 14px 50px}.grid-2,.stats-grid,.stats-grid.three,.form-grid,.form-grid.three,.comparison-cards,.decision-grid,.login-layout{grid-template-columns:1fr}.trial-banner{display:block}.progress-wrap{margin-top:20px;min-width:0}.quote-summary{grid-template-columns:repeat(2,1fr);gap:10px}.quote-summary div{border:0;padding:4px}.quote-option{grid-template-columns:42px 1fr}.quote-price{text-align:left;grid-column:2}.service-picker{grid-template-columns:1fr}.receipt-grid{grid-template-columns:1fr;gap:5px}.receipt-grid>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.parcel-strip{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.filter-bar>input,.filter-bar>select{max-width:none;flex:1;min-width:140px}.span-2{grid-column:1}.board-top h1{font-size:42px}.board-route{gap:8px}.board-route i{display:none}.board-route span{display:none}.board-price-grid{grid-template-columns:1fr}.board-footer{display:block}.board-phone{text-align:left;margin-top:15px}.login-hero{display:none}.login-card{min-height:100vh;padding:40px 25px}.mini-form,.mini-form.wide{position:fixed;left:15px;right:15px;bottom:15px;width:auto}.action-row{justify-content:flex-start;flex-wrap:wrap}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.sticky-action,.alert{display:none!important}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0;padding:0}.receipt{max-width:none}.shop-board{box-shadow:none;max-width:none;break-inside:avoid}.report-title{margin-top:0}table{font-size:11px}.board-top h1{font-size:56px}@page{margin:10mm}}
.soft-rule{border:0;border-top:1px solid var(--line);margin:20px 0}

/* ParcelKu brand identity */
.board-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);text-align:left}.board-brand-mark{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(255,107,44,.25)}.board-brand strong{display:block;color:var(--navy);font-size:24px;line-height:1}.board-brand span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em;margin-top:6px}
@media(max-width:800px){.board-brand strong{font-size:20px}.board-brand-mark{width:44px;height:44px}}