:root{color:#112332;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f5f8;font-family:Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f2f5f8;min-width:320px;margin:0}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#f5f0e8;background:radial-gradient(circle at top,#ffbf8038,#0000 36%),linear-gradient(#112332 0%,#0d1a24 100%);flex-direction:column;gap:28px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.brand-block h1,.hero-panel h2{margin:0;font-size:clamp(2rem,2vw,2.8rem);line-height:1}.brand-block p,.hero-panel p,.section-header p,.stat-hint,.table-subtext,.muted{color:#f5f0e8b8}.brand-kicker,.field-label{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.sidebar-nav{gap:10px;display:grid}.nav-item,.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;transition:transform .2s,background-color .2s,border-color .2s}.nav-item{text-align:left;color:#f5f0e8;background:#ffffff0f;border-radius:16px;padding:14px 16px}.nav-item:hover,.nav-item.active{background:#f38d3738;transform:translate(4px)}.sidebar-card{background:#ffffff14;border-radius:18px;gap:8px;margin-top:auto;padding:18px;display:grid}.connection-badge{text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.82rem;font-weight:700}.connection-badge.online{color:#8eedaf;background:#5dd6912e}.connection-badge.offline{color:#ffb4b4;background:#ff6b6b33}.main-content{background:radial-gradient(circle at 100% 0,#f5bc6a2e,#0000 24%),linear-gradient(#f6efe5 0%,#f2f5f8 100%);gap:24px;padding:28px;display:grid}.hero-panel,.stat-card,.panel-card,.table-card,.banner{border:1px solid #11233214;box-shadow:0 20px 45px #11233214}.hero-panel,.panel-card,.table-card,.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1}.hero-panel{border-radius:28px;justify-content:space-between;gap:24px;padding:28px;display:flex}.hero-dashboard{align-items:stretch}.hero-main{gap:14px;min-width:0;display:grid}.hero-nav-strip{flex-wrap:wrap;gap:10px;display:flex}.hero-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:320px;display:grid}.hero-summary-card{background:linear-gradient(#1123320d 0%,#11233205 100%);border:1px solid #11233214;border-radius:20px;gap:8px;padding:16px 18px;display:grid}.hero-summary-label{color:#5f6771;font-size:.88rem}.hero-summary-value{color:#112332;font-size:1.6rem;line-height:1}.hero-panel p,.section-header p,.stat-hint,.table-subtext,.muted,.main-content .field-label{color:#5f6771}.hero-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hero-meta{text-align:right;color:#41515f;gap:8px;display:grid}.stats-grid,.two-column,.cashier-summary,.scan-grid{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border-radius:22px;gap:10px;padding:20px;display:grid}.stat-label{color:#5f6771;font-size:.95rem}.stat-value{color:#112332;font-size:2rem}.banner{border-radius:18px;padding:14px 18px;font-weight:600}.banner.info{color:#112332;background:#11233214}.banner.success,.result-card.success{color:#1f6a41;background:#5dd69124}.banner.error,.result-card.error{color:#8e2f2f;background:#ff6b6b24}.content-section,.panel-card,.stack-form,.scan-card,.result-list{gap:18px;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-header h2{color:#112332;margin:0 0 8px}.panel-card{border-radius:26px;padding:24px}.stack-form label,.inline-form label{color:#112332;gap:8px;font-weight:600;display:grid}input,select,textarea{box-sizing:border-box;color:#112332;width:100%;font:inherit;background:#ffffffe6;border:1px solid #1123321f;border-radius:14px;padding:13px 14px}textarea{resize:vertical;min-height:132px}input:focus,select:focus,textarea:focus{border-color:#f38d378c;outline:2px solid #f38d3759}.primary-button,.secondary-button,.ghost-button{border-radius:14px;padding:12px 16px;font-size:.95rem;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#f38d37 0%,#e85a3d 100%)}.secondary-button{color:#112332;background:#11233214}.ghost-button{color:#9b4a15;background:#f38d371f}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.7;cursor:wait;transform:none}.quick-chip-row{flex-wrap:wrap;gap:10px;display:flex}.quick-chip{width:auto}.active-chip{color:#8e4313;background:#f38d3738}.table-card{border-radius:24px;overflow:auto}.table-card.embedded{box-shadow:none;border-radius:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #11233214;padding:14px 16px}th{color:#5f6771;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}td{color:#112332}.table-subtext{margin-top:4px;font-size:.86rem;display:block}.status-pill{border-radius:999px;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.pending{color:#9b4a15;background:#f38d3729}.status-pill.active{color:#1d4f99;background:#3985f724}.status-pill.done{color:#1f6a41;background:#5dd69124}.empty-cell,.placeholder-card{color:#5f6771}.placeholder-card,.result-card{border-radius:18px;padding:18px}.result-card.compact{padding:14px 16px}.result-list,.scan-grid,.cashier-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-row{border-bottom:1px dashed #11233214;grid-template-columns:1fr 1.4fr 1fr;gap:12px;padding:12px 0;display:grid}.scan-card{gap:22px}.stacked-panels{gap:18px;display:grid}.scan-grid>div,.cashier-summary>div{background:#1123320a;border-radius:16px;gap:6px;padding:14px;display:grid}.inline-form{align-items:flex-end;gap:12px;display:flex}.courier-card{gap:8px;min-width:180px;display:grid}.courier-card input{width:100%;min-width:160px}.inline-form label{flex:1}.cid-inline-cell{grid-template-columns:minmax(180px,1fr);align-items:center;gap:10px;display:grid}.cid-display-cell{justify-content:space-between;align-items:center;gap:10px;display:flex}.cid-display-cell strong{font-size:.95rem}.cid-actions{flex-wrap:wrap;gap:8px;display:flex}.route-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.route-stage-card{color:#112332;text-align:left;background:#11233208;border:1px solid #1123321f;border-radius:18px;gap:8px;padding:16px;display:grid}.route-stage-card strong{font-size:1rem}.route-stage-card span{color:#5f6771;font-size:.92rem;line-height:1.4}.route-stage-card.active{background:#f38d3724;border-color:#f38d3766}.route-help-card{background:#1123320a;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.intake-grid{align-items:start}.reception-list{gap:12px;max-height:72vh;padding-right:4px;display:grid;overflow:auto}.customer-quick-list{margin-bottom:18px}.customer-quick-card{text-align:left}.customer-message-meta{gap:6px;display:grid}.customer-message-meta.inline{min-width:150px}.customer-table-scroll{max-height:72vh;overflow:auto}.intake-table-toolbar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#5f6771;background:#ffffffe6;border:1px solid #11233214;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex;position:sticky;top:0}.intake-parcels-table{overscroll-behavior:contain;max-height:68vh}.intake-parcels-table th{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;position:sticky;top:0}.reception-card{color:#112332;text-align:left;background:#11233208;border:1px solid #1123321f;border-radius:18px;gap:8px;width:100%;padding:16px;display:grid}.reception-card.active{background:#f38d3724;border-color:#f38d3766}.reception-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-input-row{grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:10px;display:grid}.scan-place-card{color:#112332;font-size:1.2rem;font-weight:700}.track-status-card{border:1px solid #11233214;border-radius:22px;gap:10px;margin-bottom:18px;padding:20px 22px;display:grid}.track-status-card.pending{color:#112332;background:#1123320d}.track-status-card.active{color:#173f7a;background:#3985f71f}.track-status-card.done{color:#1f6a41;background:#5dd69129}.track-status-kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.72;font-size:.76rem;font-weight:800}.track-status-title{font-size:2rem;font-weight:800;line-height:1}.track-status-subtitle{font-size:1rem;line-height:1.45}.track-status-meta{flex-wrap:wrap;gap:10px;display:flex}.track-status-meta span{background:#ffffff9e;border-radius:999px;padding:7px 10px;font-size:.88rem;font-weight:700}.delivery-address-card,.delivery-pick-card{gap:8px;display:grid}.delivery-pick-card{background:#1123320d;border-radius:16px;margin-top:12px;padding:12px}.delivery-chip-row,.delivery-track-list{flex-wrap:wrap;gap:8px;display:flex}.delivery-chip,.delivery-track-item{border-radius:999px;align-items:center;padding:6px 10px;font-size:.86rem;font-weight:700;display:inline-flex}.delivery-chip{color:#9b4a15;background:#f38d3729}.delivery-track-item{color:#1d4f99;background:#3985f71a}.ghost-button.active{color:#1d4f99;background:#3985f71f}.declaration-cell{gap:10px;min-width:220px;display:grid}.declaration-preview{background:#1123320d;border-radius:16px;gap:10px;padding:12px;display:grid}.declaration-preview div{gap:4px;display:grid}.declaration-preview strong{color:#112332;font-size:.84rem}.declaration-preview span{color:#5f6771;word-break:break-word;font-size:.92rem;line-height:1.35}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.stats-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.cid-inline-cell,.route-stage-grid,.inline-input-row{grid-template-columns:1fr}}@media (width<=760px){.main-content,.sidebar{padding:18px}.hero-panel,.section-header,.inline-form,.header-actions{flex-direction:column}.hero-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.hero-actions{align-items:stretch}.hero-meta{text-align:left}.stats-grid,.two-column,.result-list,.scan-grid,.cashier-summary,.result-row,.hero-summary-grid{grid-template-columns:1fr}th,td{padding:12px}}
