:root{--bg:#f7f7f7;--card:#fff;--text:#151515;--muted:#6b7280;--border:#e5e7eb;--black:#111;--soft:#f1f5f9}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#111;color:#fff;position:fixed;inset:0 auto 0 0;padding:18px;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#fff;color:#111;display:grid;place-items:center;font-weight:800}.brand span{display:block;color:#cbd5e1;font-size:12px}.sidebar nav a{display:block;padding:11px 12px;border-radius:10px;color:#e5e7eb;margin:4px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#fff;color:#111}.main{margin-left:250px;flex:1}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.topbar span{display:block;color:var(--muted);font-size:12px}.content{padding:22px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.03)}.stat h3{margin:0;color:var(--muted);font-size:13px}.stat b{display:block;font-size:26px;margin-top:8px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:11px;text-align:left;vertical-align:top}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;background:#fafafa}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.field{margin-bottom:12px}label{display:block;font-size:13px;color:#374151;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#fff}textarea{min-height:80px}.btn{display:inline-block;border:0;background:#111;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.btn.secondary{background:#f3f4f6;color:#111;border:1px solid var(--border)}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.success{background:#ecfdf5;color:#065f46}.error{background:#fef2f2;color:#991b1b}.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px;background:#fafafa}.login-page{display:grid;place-items:center;min-height:100vh;background:#fff}.login-card{width:min(420px,92vw);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.login-card h1{margin:0 0 6px}.login-card p{color:var(--muted);margin-top:0}.menu-btn{display:none}.receipt{max-width:380px;margin:auto;background:#fff;padding:16px}.print-only{display:none}@media print{.sidebar,.topbar,.no-print{display:none}.main{margin:0}.content{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.open-sidebar .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:inline-block}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}}

.search-form{display:flex;gap:10px;align-items:center}.search-form input{max-width:520px}.product-thumb{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.thumb-empty{display:inline-grid;place-items:center;width:54px;height:54px;border:1px dashed var(--border);border-radius:10px;font-size:11px;color:var(--muted)}.product-view{display:grid;grid-template-columns:260px 1fr;gap:20px}.product-photo-lg{width:240px;height:240px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.product-photo-empty{width:240px;height:240px;border:1px dashed var(--border);border-radius:16px;display:grid;place-items:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:160px 1fr;gap:10px 14px}.actions{white-space:nowrap}.btn.danger{background:#991b1b;color:#fff}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}.check input{width:auto;margin-top:3px}.check small{display:block;color:var(--muted);font-size:11px;margin-top:3px}@media(max-width:900px){.search-form{flex-direction:column;align-items:stretch}.product-view{grid-template-columns:1fr}.perm-grid{grid-template-columns:1fr}}

/* Advanced POS */
.muted{color:var(--muted);margin:4px 0 0}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.pos-toolbar h1{margin-bottom:4px}.pos-left{min-height:calc(100vh - 140px)}.pos-searchbar{display:flex;gap:10px;align-items:end}.grow{flex:1}.pos-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:310px;overflow:auto;margin:10px 0 8px}.pos-product-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px;cursor:pointer}.pos-product-card:hover,.pos-product-card.selected{border-color:#111;box-shadow:0 8px 18px rgba(0,0,0,.07)}.pos-product-card b{display:block}.pos-product-card small,.pos-cart-table small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.pos-product-card strong{white-space:nowrap}.pos-pic{width:52px;height:52px;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;font-size:10px;color:var(--muted);overflow:hidden;background:#fafafa}.pos-pic img{width:100%;height:100%;object-fit:cover}.pos-empty{border:1px dashed var(--border);border-radius:14px;padding:18px;color:var(--muted);text-align:center;grid-column:1/-1}.pos-hint{font-size:12px;color:var(--muted);margin-bottom:18px}.pos-cart-wrap{max-height:360px}.pos-cart-table input{min-width:90px}.pos-cart-actions{display:flex;gap:10px;margin-top:12px}.pos-summary{position:sticky;top:86px}.compact-grid{gap:10px}.pos-total-box{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin:8px 0 14px}.pos-total-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.pos-total-box>div:last-child{border-bottom:0}.pos-total-box span{color:var(--muted);font-size:13px}.pos-total-box b{font-size:21px}.pos-total-box input{max-width:145px;text-align:right}.pos-total-box .grand{background:#111;color:#fff}.pos-total-box .grand span{color:#e5e7eb}.pos-save{font-size:16px;padding:13px 14px}.shortcut-panel{display:grid;gap:7px;margin-top:14px;border:1px dashed var(--border);border-radius:14px;padding:12px;color:var(--muted);font-size:12px}.shortcut-panel b{color:#111}.shortcut-panel span{display:block}@media(max-width:1100px){.pos-layout{grid-template-columns:1fr}.pos-summary{position:static}.pos-results{grid-template-columns:1fr}}@media(max-width:700px){.pos-searchbar,.pos-cart-actions{flex-direction:column;align-items:stretch}.pos-product-card{grid-template-columns:44px 1fr}.pos-product-card strong{grid-column:2}.pos-pic{width:44px;height:44px}}

.variant-table input,.variant-table select{min-width:105px}.variant-table th,.variant-table td{vertical-align:middle}.product-view+.card{margin-top:16px}


/* Enhancement batch: tailoring board, ledger, expense summary */
.status-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px;align-items:start}.status-column{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;min-height:220px}.status-column h3{margin:0 0 10px;font-size:15px;text-transform:capitalize}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.order-card b{display:block;margin-bottom:4px}.order-meta{font-size:12px;color:#64748b;line-height:1.55}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:14px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.summary-card span{display:block;color:#64748b;font-size:12px}.summary-card strong{display:block;font-size:22px;margin-top:6px}.ledger-credit{color:#047857;font-weight:700}.ledger-debit{color:#b91c1c;font-weight:700}.muted{color:#64748b}.mini-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.mini-form .field{min-width:160px;flex:1}.measurement-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.measurement-grid .field{margin:0}@media(max-width:1100px){.status-grid,.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.status-grid,.summary-cards,.measurement-grid{grid-template-columns:1fr}}

/* Sales and next-stage screens */
.filter-card{margin-bottom:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.stat-card span{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.stat-card b{font-size:22px}.actions{display:flex;gap:6px;flex-wrap:wrap}.modal-panel{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:32px;overflow:auto}.sale-view-card{width:min(920px,100%)}.invoice-summary{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin:16px 0}.invoice-summary div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px}@media(max-width:900px){.grid-4,.stats-grid{grid-template-columns:1fr}.modal-panel{padding:12px}.actions{display:block}.actions .btn{margin:3px 0}}


/* Treeview sidebar + returned sale highlighting */
.tree-menu{padding-bottom:26px}.tree-group{margin-bottom:8px}.tree-title{width:100%;border:0;background:transparent;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:10px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.tree-title:hover{background:#1f2937;color:#fff}.tree-title b{transition:.2s}.tree-group:not(.open) .tree-title b{transform:rotate(-90deg)}.tree-children{display:none;padding-left:8px;border-left:1px solid rgba(255,255,255,.12);margin-left:8px}.tree-group.open .tree-children{display:block}.tree-children a{font-size:14px;margin:3px 0;padding:10px 11px}.row-returned{background:#fff1f2}.row-partial-return{background:#fffbeb}.danger-badge{background:#fee2e2;color:#991b1b;border-color:#fecaca}.warning-badge{background:#fef3c7;color:#92400e;border-color:#fde68a}.success-badge{background:#dcfce7;color:#166534;border-color:#bbf7d0}.quote-print{max-width:820px;margin:auto}


/* Polished ERP tree sidebar */
.sidebar{width:270px;padding:16px 14px}.main{margin-left:270px}.brand{padding:4px 2px 14px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}.tree-menu{padding:4px 0 28px}.tree-group{margin:6px 0}.tree-title{width:100%;border:0;background:transparent;color:#d1d5db;display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.01em;text-transform:none}.tree-title-left{display:flex;align-items:center;gap:10px}.tree-title i{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal;font-size:12px}.tree-title:hover,.tree-group.open>.tree-title{background:#1f2937;color:#fff}.tree-title b{font-size:20px;line-height:1;transition:.18s}.tree-group.open>.tree-title b{transform:rotate(90deg)}.tree-children{display:none;margin:6px 0 8px 21px;padding-left:12px;border-left:1px dashed rgba(255,255,255,.18)}.tree-group.open>.tree-children{display:block}.tree-children a{position:relative;display:flex!important;align-items:center;gap:9px;color:#e5e7eb!important;padding:9px 10px!important;margin:4px 0!important;border-radius:11px!important;font-size:14px}.tree-children a:before{content:"";position:absolute;left:-13px;top:50%;width:10px;border-top:1px dashed rgba(255,255,255,.22)}.tree-children a:hover,.tree-children a.active{background:#fff!important;color:#111!important}.node-icon{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.10);display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.tree-children a.active .node-icon,.tree-children a:hover .node-icon{background:#111;color:#fff}.actions{display:flex;gap:6px;flex-wrap:wrap}.money-positive{color:#166534;font-weight:700}.money-negative{color:#991b1b;font-weight:700}@media(max-width:900px){.main{margin-left:0}.sidebar{width:270px}}


/* Enhanced dashboard */
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#111 0%,#1f2937 65%,#374151 100%);color:#fff;border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:0 18px 45px rgba(0,0,0,.12)}.dashboard-hero h1{margin:4px 0 6px;font-size:34px}.dashboard-hero p{margin:0;color:#d1d5db;max-width:720px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#cbd5e1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-28px;top:-28px;width:88px;height:88px;background:#f3f4f6;border-radius:50%}.kpi-card span{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.kpi-card b{display:block;font-size:25px;letter-spacing:-.02em}.kpi-card small{display:block;color:#6b7280;margin-top:8px}.kpi-card.primary{background:#111;color:#fff}.kpi-card.primary span,.kpi-card.primary small{color:#d1d5db}.kpi-card.primary:after{background:rgba(255,255,255,.08)}.kpi-card.danger b{color:#991b1b}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.quick-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;color:#111;transition:.18s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.quick-card span{color:#6b7280}.quick-card b{font-size:24px}.dashboard-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);margin-bottom:16px}.dashboard-lower-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.dashboard-lower-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card h2{margin:0;font-size:19px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.compact-table th,.compact-table td{padding:9px 10px}.compact-table small{display:block;color:#6b7280;margin-top:3px}.bar-chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding-top:18px}.bar-col{flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-value{font-size:11px;color:#6b7280;white-space:nowrap}.bar-track{height:136px;width:100%;border-radius:12px;background:#f3f4f6;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #e5e7eb}.bar-fill{width:100%;background:#111;border-radius:12px 12px 0 0;min-height:6px}.bar-col small{font-size:11px;color:#6b7280}.status-list{display:grid;gap:10px}.status-list div{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:13px;padding:11px 12px;background:#fafafa}.status-list span{color:#374151}.status-list b{font-size:20px}.rank-list{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fff}.rank-row>b{width:30px;height:30px;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px}.rank-row span{font-weight:700}.rank-row small{display:block;color:#6b7280;font-weight:400;margin-top:3px}.rank-row strong{white-space:nowrap}.expense-bars{display:grid;gap:12px}.expense-row>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.expense-row span{font-weight:700}.expense-row b{font-size:13px}.expense-row em{display:block;height:10px;border-radius:999px;background:#f3f4f6;overflow:hidden;border:1px solid #e5e7eb}.expense-row i{display:block;height:100%;background:#111;border-radius:999px}@media(max-width:1200px){.kpi-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.dashboard-lower-grid,.dashboard-lower-grid.two-col{grid-template-columns:1fr}.bar-chart{overflow-x:auto;align-items:flex-end}.bar-col{min-width:74px}}@media(max-width:700px){.dashboard-hero{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions .btn{flex:1;text-align:center}.kpi-grid,.quick-grid{grid-template-columns:1fr}.dashboard-hero h1{font-size:28px}.rank-row{grid-template-columns:30px 1fr}.rank-row strong{grid-column:2}.bar-chart{height:190px}}