:root{--ink:#17202a;--muted:#6b7280;--line:#e5e7eb;--panel:#fff;--bg:#f6f7f9;--accent:#244a3d;--accent2:#e8f0ed;--danger:#b42318;--warn:#b54708}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{display:flex}.sidebar{width:228px;background:#13231e;color:#fff;padding:26px 18px;position:fixed;inset:0 auto 0 0}.brand{font-weight:900;letter-spacing:.08em;font-size:20px;margin-bottom:24px}.brand span{color:#9fc3b5}.business-chip{background:rgba(255,255,255,.08);padding:12px;border-radius:10px;margin-bottom:20px;font-size:13px}.business-chip small{float:right;background:#d9eee6;color:#17382c;padding:2px 7px;border-radius:20px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar a{color:#cfdbd7;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:14px}.sidebar a.active,.sidebar a:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-foot{position:absolute;bottom:22px;color:#9eb0aa;font-size:12px}.main{margin-left:228px;width:calc(100% - 228px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar input{width:min(620px,70vw);padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fafafa;font-size:14px}.content{padding:30px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:6px 0 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;text-decoration:none;display:inline-block}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:28px;font-weight:800;margin-top:7px}.kpi .sub{font-size:12px;color:var(--muted);margin-top:4px}.section-title{font-size:18px;margin:0 0 14px}.workqueue{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.work-item{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700}.work-item small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.split{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:20px}.bar{flex:1 1;background:#dce7e2;border-radius:7px 7px 2px 2px;position:relative}.bar b{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:850px}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafafa}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:capitalize;background:#eef2f1}.badge.listed{background:#e8efff;color:#3156a3}.badge.received{background:#fff0da;color:#8b5300}.badge.sold{background:#e8f6eb;color:#237a39}.badge.shipped{background:#ede9fe;color:#6245a8}.badge.paid{background:#dcfce7;color:#176b35}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.field input,.field select,.field textarea,.toolbar input,.toolbar select{padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}.toolbar input{min-width:260px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:700;color:#4b5563}.field.full{grid-column:1/-1}.scan-panel{max-width:880px;margin:auto}.scan-box{background:#11231d;color:#fff;border-radius:14px;padding:28px;margin-bottom:18px}.scan-box input{width:100%;font-size:22px;padding:16px;border:0;border-radius:9px;margin-top:10px}.empty,.muted{color:var(--muted)}.empty{padding:36px;text-align:center}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.mini{padding:13px;border-radius:9px;background:#f7f8f9}.mini b{display:block;font-size:20px;margin-top:3px}@media(max-width:900px){.sidebar{display:none}.main{margin:0;width:100%}.content{padding:18px}.form-grid,.kpis,.mini-grid,.split,.workqueue{grid-template-columns:1fr}.topbar{padding:0 18px}.topbar input{width:100%}}@media print{.no-print,.sidebar,.topbar{display:none!important}.main{margin:0;width:100%}.content{padding:0}.barcode-sheet{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-gap:8mm!important;gap:8mm!important}.barcode-label{page-break-inside:avoid;break-inside:avoid;border:1px dashed #aaa!important}}.collection-receipt{display:none}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;padding-bottom:18px;border-bottom:2px solid #153d32}.receipt-header h1{margin:0 0 6px}.receipt-header p{margin:0}.receipt-brand{display:flex;flex-direction:column;text-align:right;gap:4px}.receipt-brand b{font-size:22px;color:#153d32}.receipt-brand span{font-size:11px;color:#6b7280}.receipt-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:28px}.receipt-info h3{margin:0 0 10px}.receipt-info p{margin:3px 0}.receipt-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:30px}.receipt-summary>div{border:1px solid #e5e7eb;padding:14px;border-radius:8px}.receipt-summary span{display:block;font-size:11px;color:#6b7280;margin-bottom:5px}.receipt-summary strong{font-size:17px}.receipt-items-title{margin-bottom:12px}.receipt-table{width:100%;border-collapse:collapse}.receipt-table td,.receipt-table th{text-align:left;border-bottom:1px solid #d1d5db;padding:9px}.receipt-table th{background:#f3f4f6}.receipt-notes{margin-top:25px;padding:15px;background:#f9fafb;border-radius:8px}.receipt-footer{margin-top:35px;padding-top:15px;border-top:1px solid #d1d5db;font-size:11px;color:#6b7280}@media print{@page{size:A4;margin:15mm}.no-print,.sidebar,.topbar{display:none!important}body{background:white!important}.app-shell,.content,.main{max-width:none!important}.app-shell,.collection-receipt,.content,.main{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:white!important}.collection-receipt{color:#111827!important}.receipt-header{display:flex!important}.receipt-info,.receipt-summary{display:grid!important}.receipt-table{page-break-inside:auto}.receipt-table tr{page-break-inside:avoid;page-break-after:auto}.receipt-table thead{display:table-header-group}.receipt-footer{page-break-inside:avoid}}.app-shell{--rf-ink:#14251e;--rf-ink-soft:#52645c;--rf-forest:#173f32;--rf-forest-deep:#0f3026;--rf-forest-soft:#e7f0ec;--rf-mint:#cfe3da;--rf-lime:#dceaa8;--rf-cream:#f6f3ea;--rf-canvas:#f7f8f5;--rf-card:rgba(255,255,255,0.92);--rf-line:#e2e8e4;--rf-white:#ffffff;--rf-danger:#9e3d3d;--rf-shadow:0 12px 34px rgba(20,37,30,0.075);--rf-shadow-hover:0 16px 38px rgba(20,37,30,0.11);min-height:100vh;background:radial-gradient(circle at 82% 0,rgba(220,234,168,.25),transparent 28rem),radial-gradient(circle at 12% 85%,rgba(207,227,218,.25),transparent 30rem),var(--rf-canvas);color:var(--rf-ink)}.app-shell .sidebar{background:radial-gradient(circle at 25% 0,rgba(220,234,168,.13),transparent 18rem),linear-gradient(180deg,#173f32,#123429);border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 42px rgba(15,48,38,.08)}.app-shell .brand{color:#ffffff;font-size:23px;font-weight:850;letter-spacing:-.7px}.app-shell .brand span{color:var(--rf-lime)}.app-shell .business-chip{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);color:#ffffff;border-radius:16px;padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.app-shell .business-chip small{color:#bcd1c8;display:block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.9px}.app-shell .sidebar nav{display:grid;grid-gap:4px;gap:4px}.app-shell .sidebar nav a{position:relative;color:#c8d7d1;text-decoration:none;border-radius:11px;padding:10px 12px;font-size:14px;font-weight:650;transition:background .15s ease,color .15s ease,transform .15s ease}.app-shell .sidebar nav a:hover{background:rgba(255,255,255,.075);color:#ffffff;transform:translateX(2px)}.app-shell .sidebar nav a.active{background:#ffffff;color:var(--rf-forest);box-shadow:0 8px 22px rgba(8,31,24,.16)}.app-shell .sidebar nav a.active:before{content:"";position:absolute;left:-7px;top:50%;width:3px;height:18px;border-radius:999px;background:var(--rf-lime);transform:translateY(-50%)}.app-shell .sidebar-foot{color:rgba(255,255,255,.78)}.app-shell .sidebar-foot small{color:rgba(255,255,255,.46)}.app-shell .main{min-width:0}.app-shell .topbar{background:rgba(247,248,245,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,37,30,.07)}.app-shell .topbar input{width:min(520px,100%);background:rgba(255,255,255,.92);border:1px solid var(--rf-line);border-radius:13px;box-shadow:0 5px 18px rgba(20,37,30,.035)}.app-shell .content{max-width:1480px;margin:0 auto}.app-shell .page-title{margin-bottom:22px;align-items:flex-end}.app-shell .page-title h1{margin:0;color:var(--rf-ink);font-size:clamp(28px,2.5vw,38px);line-height:1.03;font-weight:820;letter-spacing:-1.15px}.app-shell .page-title p{color:var(--rf-ink-soft);margin-top:8px;font-size:14px}.app-shell .card{background:var(--rf-card);border:1px solid rgba(20,37,30,.075);border-radius:18px;box-shadow:var(--rf-shadow)}.app-shell .section-title{color:var(--rf-ink);font-size:17px;font-weight:780;letter-spacing:-.25px}.app-shell .muted{color:#6d7b75}.app-shell .grid.kpis{gap:14px}.app-shell .kpi{position:relative;overflow:hidden;min-height:132px}.app-shell .kpi:after{content:"";position:absolute;width:92px;height:92px;right:-38px;top:-40px;border-radius:50%;background:rgba(207,227,218,.38);pointer-events:none}.app-shell .kpi .label{color:#65756e;font-size:12px;font-weight:760;letter-spacing:.45px;text-transform:uppercase}.app-shell .kpi .value{color:var(--rf-ink);font-size:clamp(26px,2.3vw,34px);line-height:1;font-weight:820;letter-spacing:-1px}.app-shell .kpi .sub{color:#7a8982;font-size:12px}.app-shell .btn{border:1px solid var(--rf-forest);border-radius:11px;background:var(--rf-forest);color:#ffffff;min-height:40px;padding:9px 15px;font-weight:760;box-shadow:0 7px 18px rgba(23,63,50,.13);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.app-shell .btn:hover:not(:disabled){background:var(--rf-forest-deep);transform:translateY(-1px);box-shadow:0 10px 22px rgba(23,63,50,.18)}.app-shell .btn.secondary{background:#ffffff;color:var(--rf-forest);border-color:#d4ded9;box-shadow:none}.app-shell .btn.secondary:hover:not(:disabled){background:var(--rf-forest-soft);color:var(--rf-forest-deep);border-color:#c7d7cf}.app-shell .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.app-shell .field label{color:#405149;font-size:12px;font-weight:760;letter-spacing:.15px}.app-shell input,.app-shell select,.app-shell textarea{color:var(--rf-ink);background:#ffffff;border:1px solid #dce4df;border-radius:11px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.app-shell input:hover,.app-shell select:hover,.app-shell textarea:hover{border-color:#c8d5cf}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:#699283;box-shadow:0 0 0 4px rgba(105,146,131,.13)}.app-shell input::placeholder,.app-shell textarea::placeholder{color:#9aa7a1}.app-shell .table-wrap{background:rgba(255,255,255,.9);border:1px solid rgba(20,37,30,.075);border-radius:18px;overflow:auto;box-shadow:var(--rf-shadow)}.app-shell .table{width:100%;border-collapse:separate;border-spacing:0}.app-shell .table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;color:#617169;background:#f1f5f2;border-bottom:1px solid #dfe7e2;font-size:11px;font-weight:820;letter-spacing:.5px;text-transform:uppercase}.app-shell .table tbody td{border-bottom:1px solid #eef2ef}.app-shell .table tbody tr{transition:background .12s ease,transform .12s ease}.app-shell .table tbody tr:hover{background:#f6f9f7}.app-shell .table tbody tr:last-child td{border-bottom:0}.app-shell .badge{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:4px 9px;background:var(--rf-forest-soft);border:1px solid #d3e2db;color:var(--rf-forest);font-size:11px;font-weight:780;text-transform:capitalize}.app-shell .workqueue{gap:10px}.app-shell .mini,.app-shell .work-item{background:#f7f9f7;border:1px solid #e5ebe7;border-radius:13px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.app-shell .work-item:hover{background:var(--rf-forest-soft);border-color:#d0ded7;transform:translateY(-1px)}.app-shell .bars{align-items:flex-end;border-bottom:1px solid #e4eae6;padding-bottom:4px}.app-shell .bar{background:linear-gradient(180deg,#6e9b8a,#315f4e);border-radius:8px 8px 3px 3px;color:#ffffff;box-shadow:0 7px 14px rgba(49,95,78,.13)}.app-shell a:not(.sidebar a){color:#286450}.app-shell a:not(.sidebar a):hover{color:#173f32}.app-shell *{scrollbar-width:thin;scrollbar-color:#bdcbc4 transparent}.app-shell ::-webkit-scrollbar{width:9px;height:9px}.app-shell ::-webkit-scrollbar-thumb{background:#c4d0ca;border-radius:999px;border:2px solid transparent;background-clip:padding-box}@media (max-width:1100px){.app-shell .content{padding-left:18px;padding-right:18px}.app-shell .page-title{align-items:flex-start}}@media (max-width:760px){.app-shell .card,.app-shell .table-wrap{border-radius:14px}.app-shell .page-title h1{font-size:29px}.app-shell .grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.app-shell .grid.kpis{grid-template-columns:1fr}}