:root{--gold:#b8860b;--gold-light:#e8c874;--ink:#241f14;--paper:#fffdf8;--panel:#fff;--border:#e7ddc7;--muted:#7a7261;--danger:#b3261e;--success:#1e6b3f;--radius:10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#f6f1e4;margin:0}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f3e9c9;background:linear-gradient(#241f14 0%,#3a2f18 100%);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:20px 14px;display:flex}.sidebar h1{color:var(--gold-light);margin:0 6px 20px;font-size:18px;font-weight:700}.sidebar a{color:#f3e9c9;opacity:.85;border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none}.sidebar a:hover{opacity:1;background:#ffffff14}.sidebar a.active{background:var(--gold);color:#241f14;opacity:1;font-weight:600}.main{flex:1;max-width:1200px;padding:28px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{margin:0;font-size:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:18px 20px}.card h3{margin-top:0}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.app-shell{flex-direction:column}.sidebar{flex-direction:row;width:100%;overflow-x:auto}}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-light);border-color:var(--gold)}.field{margin-bottom:12px}button{cursor:pointer;background:var(--gold);color:#241f14;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}button:hover{filter:brightness(1.05)}button.secondary{color:var(--ink);background:#efe6cc}button.danger{color:var(--danger);background:#f6d9d6}button:disabled{opacity:.5;cursor:not-allowed}button.small{padding:5px 10px;font-size:12px}button.link{color:var(--gold);background:0 0;padding:0;font-weight:500;text-decoration:underline}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tr:hover td{background:#faf6ea}.badge{border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.in_stock{color:var(--success);background:#dff2e4}.badge.sold{color:var(--muted);background:#eee}.badge.low{color:#a2531b;background:#fbe3d0}.stat{text-align:left}.stat .value{color:var(--ink);font-size:26px;font-weight:700}.stat .label{color:var(--muted);font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:40px 0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{width:auto;min-width:180px}.spacer{flex:1}.modal-backdrop{z-index:50;background:#140f0573;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;padding:22px 24px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.error-text{color:var(--danger);margin-top:6px;font-size:13px}.hint{color:var(--muted);margin-top:3px;font-size:12px}.cart-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.cart-row .cart-meta{color:var(--muted);font-size:12px}.totals-box{max-width:320px;margin-left:auto}.totals-box .row{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.totals-box .row.grand{border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:18px;font-weight:700}.invoice-sheet{border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-width:800px;margin:0 auto;padding:30px}.invoice-sheet h2{margin:0}.invoice-logo{border-bottom:2px solid var(--ink);flex-direction:column;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.invoice-logo svg{display:block}.invoice-logo .shop-name{letter-spacing:.02em;margin-top:4px;font-size:22px;font-weight:700}.invoice-head{border-bottom:2px solid var(--ink);justify-content:space-between;margin-bottom:14px;padding-bottom:14px;display:flex}.invoice-parties{justify-content:space-between;gap:20px;margin-bottom:16px;display:flex}.invoice-parties .box{flex:1;font-size:13px}.invoice-parties .box strong{margin-bottom:4px;display:block}.invoice-items-table{table-layout:fixed;width:100%;font-size:10.5px}.invoice-items-table th,.invoice-items-table td{overflow-wrap:break-word;padding:5px 3px}.invoice-sheet .totals-box{margin-top:14px}.invoice-footer-note{color:var(--muted);border-top:1px dashed var(--border);margin-top:22px;padding-top:10px;font-size:12px}.invoice-signature{text-align:center;break-inside:avoid;width:220px;margin:28px 0 0 auto;font-size:13px}.invoice-signature .stamp-space{height:80px}.invoice-signature .sign-line{border-top:1px solid var(--ink);padding-top:5px;font-weight:600}.software-provider{text-align:right;font-family:Roboto,system-ui,sans-serif;font-weight:600}.print-actions{justify-content:flex-end;gap:10px;max-width:800px;margin:0 auto 14px;display:flex}@media print{.no-print{display:none!important}body{background:#fff}.invoice-sheet{border:none;max-width:100%;padding:0}.invoice-logo svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}.main{padding:0}.sidebar{display:none}}