:root{--bg:#f4f2ed;--panel:#fff;--ink:#161616;--muted:#6e6a61;--line:#e5e0d6;--gold:#b78a31;--gold-dark:#8d671d;--black:#0b0d12;--red:#b42318;--green:#147a4b;--orange:#b45309;--shadow:0 16px 48px rgba(26,22,14,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#2c2416 0,#121318 36%,#07080b 100%);padding:24px}.login-card{width:min(420px,100%);background:#fff;padding:38px;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.brand-mark{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#dfbd74,#9b6c18);color:#12100b;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:15px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold-dark);font-weight:800;margin:20px 0 7px}.login-card h1,.section-heading h2{margin:0}.muted{color:var(--muted)}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 16px}.role-switch input{position:absolute;opacity:0}.role-switch span{display:block;text-align:center;padding:11px;border:1px solid var(--line);border-radius:10px;font-weight:700;cursor:pointer}.role-switch input:checked+span{background:var(--black);color:#fff;border-color:var(--black)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;font-weight:750;color:#544f46}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #d8d2c7;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:none}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(183,138,49,.13)}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;transition:.15s ease;background:#ebe7df;color:var(--ink)}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn.primary{background:linear-gradient(135deg,#c79a42,#a47724);color:#fff}.btn.secondary{background:var(--black);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.danger{background:var(--red);color:#fff}.btn.text{background:transparent;padding:6px}.danger-text{color:var(--red)}.btn.wide{width:100%;margin-top:15px}.btn.big{padding:15px}.btn.compact{padding:8px 11px;font-size:12px}.login-note{font-size:11px;color:var(--muted);text-align:center;margin:18px 0 0}.topbar{height:72px;padding:0 28px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#aaa}.top-actions{display:flex;align-items:center;gap:12px}.cloud-status{font-size:12px;color:#8ee0b5}.role-badge{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #494b51;padding:6px 9px;border-radius:999px}.topbar .btn.ghost{background:#1e2026;border-color:#33363e;color:#fff}.security-banner{background:#fff4d6;border-bottom:1px solid #e6c46d;color:#6b4a0f;padding:10px 28px;font-size:13px}.nav-tabs{background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;gap:5px;position:sticky;top:72px;z-index:19;overflow:auto}.nav-btn{border:0;background:transparent;padding:15px 14px;font-weight:750;color:#6f6b63;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}.nav-btn.active{color:var(--ink);border-bottom-color:var(--gold)}main{max-width:1500px;margin:0 auto;padding:28px}.page{display:none}.page.active{display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading .eyebrow{margin:0 0 5px}.today-chip{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:12px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px}.panel{background:var(--panel);border:1px solid rgba(218,211,199,.75);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-title h3{margin:0;font-size:17px}.panel-title .search{max-width:300px}.product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-height:640px;overflow:auto;padding:2px}.product-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px;text-align:left;cursor:pointer;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(150,110,32,.12)}.product-card strong{font-size:14px}.product-card .price{font-size:18px;font-weight:900;color:var(--gold-dark)}.product-card small{color:var(--muted)}.product-card.out{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:45px 16px;color:var(--muted)}.cart-panel{position:sticky;top:145px;align-self:start}.cart-lines{max-height:300px;overflow:auto}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-line-info{display:flex;flex-direction:column;gap:5px}.cart-line-controls{display:flex;align-items:center;gap:6px}.qty-btn{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer}.price-input{width:86px!important;padding:7px!important}.remove-line{border:0;background:transparent;color:var(--red);cursor:pointer}.cart-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--ink);margin:14px 0;padding-top:14px}.cart-total strong{font-size:25px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}.due-output{padding:11px 12px;border-radius:10px;background:#fff4ed;color:var(--red);font-weight:900;min-height:43px}.check-field{display:flex;gap:8px;align-items:center;margin-top:22px;font-weight:700}.form-panel{margin-bottom:18px}.table-panel{padding:0;overflow:hidden;margin-top:18px}.table-panel>.panel-title{padding:17px 18px 0}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#777166;background:#faf9f6;white-space:nowrap}tbody tr:hover{background:#fcfbf8}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.status.active{background:#e4f5ec;color:var(--green)}.status.cancelled{background:#fee9e7;color:var(--red)}.calendar-bar{display:flex;align-items:end;gap:10px;margin-bottom:16px}.date-field{min-width:180px}.search-field{margin-left:auto;min-width:290px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card span{font-size:12px;font-weight:700}.stat-card strong{display:block;font-size:22px;margin:7px 0}.stat-card small{font-size:10px}.stat-card.accent{background:var(--black);color:#fff;border-color:var(--black)}.stat-card.accent span,.stat-card.accent small{color:#bbb}.compact-text{font-size:12px;margin:4px 0 0}.due-panel{border-top:4px solid var(--gold)}.count-pill{background:#f0eadc;color:#785817;font-weight:800;border-radius:999px;padding:6px 9px;font-size:11px}.settings-card{max-width:900px}.warning-box{background:#fff2ef;border:1px solid #ffc9c2;color:#7b241c;padding:11px;border-radius:10px;font-size:13px}.dialog{border:0;border-radius:18px;padding:22px;width:min(680px,calc(100% - 30px));box-shadow:0 30px 100px rgba(0,0,0,.35)}.dialog::backdrop{background:rgba(7,8,11,.65)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.invoice-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.invoice-items{margin-top:15px}.invoice-total{text-align:right;font-size:18px;font-weight:900;margin-top:12px}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--black);color:#fff;border-radius:12px;padding:13px 16px;box-shadow:0 14px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}@media(max-width:1100px){.checkout-grid{grid-template-columns:1fr}.cart-panel{position:static}.product-cards{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:auto;min-height:72px;padding:12px 16px;align-items:flex-start}.cloud-status{display:none}.top-actions{gap:6px}.nav-tabs{top:66px;padding:0 10px}.brand span{display:none}main{padding:18px 12px}.product-cards{grid-template-columns:repeat(2,1fr)}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.calendar-bar{align-items:end;flex-wrap:wrap}.search-field{margin-left:0;width:100%;min-width:0}.section-heading{align-items:start}.panel{padding:14px}.table-panel{padding:0}}@media(max-width:470px){.product-cards{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.top-actions .role-badge{display:none}}@media print{body{background:#fff}.topbar,.nav-tabs,.security-banner,main,.dialog-actions{display:none!important}.dialog[open]{position:static;display:block;width:100%;box-shadow:none}.dialog::backdrop{display:none}}