:root{--accent:#f59e0b;--bg:#0d1016;--sidebar:#141820;--card:#191e27;--card-alt:#1d232e;--line:#303744;--txt:#ecf0f5;--muted:#96a0af;--soft:#282f3b;--red:#fb7185}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,'Segoe UI',Arial,sans-serif;direction:rtl;min-height:100vh;background:var(--bg);color:var(--txt);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.5;font-weight:800;margin-bottom:0}h2{font-size:16px;font-weight:750;margin-bottom:18px}.muted,.subtle{color:var(--muted)}.layout{display:flex;min-height:100vh}.sidebar{width:258px;flex:none;background:var(--sidebar);border-left:1px solid var(--line);min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 16px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:850;letter-spacing:-.5px;margin:2px 8px 30px}.brand small,.company-pill small,.user-info small,.quick-links small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px}.brand-mark,.auth-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#181b20;font-weight:900;font-size:29px;box-shadow:0 8px 30px #f59e0b29}.accent{color:var(--accent)}.company-pill{display:flex;align-items:center;gap:11px;margin:0 4px 32px;padding:13px 10px;border-radius:12px;background:#222832;border:1px solid #363d49;font-weight:700}.company-symbol{font-size:23px;color:var(--accent)}.nav-caption{margin:0 14px 11px;color:#707a89;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:#aeb7c6;border-radius:11px;font-weight:550;transition:background .15s}.nav-item:hover{background:#242b36;color:#fff}.nav-item.selected{background:#f59e0b21;color:#ffbc50;border-right:3px solid var(--accent)}.nav-icon{font-size:21px;width:22px;text-align:center}.sidebar-foot{margin-top:auto;color:#7e8897;font-size:11px;padding:15px 10px;border-top:1px solid #2a313a}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-left:7px}.main{min-width:0;flex:1}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#131720}.breadcrumbs{font-size:13px;color:#aab4c2}.breadcrumbs span{color:#5d6677;padding:0 10px}.top-tools{display:flex;align-items:center;gap:13px}.top-tools time{font-size:14px;color:#d9dee8;font-variant-numeric:tabular-nums;direction:ltr}.avatar{border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3e3320;color:#ffc971;font-size:18px;font-weight:700}.user-info{font-size:12px}.user-info small{font-size:10px}.logout{color:#d9dee8;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 11px}.logout:hover{background:var(--soft)}.content{max-width:1800px;margin:auto;padding:32px 34px 50px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;gap:16px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.3px;margin-bottom:8px}.date-chip{padding:9px 13px;border:1px solid var(--line);background:#1b202a;border-radius:10px;color:#abb5c3;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.kpi{display:flex;flex-direction:column;gap:10px;min-height:160px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#1d232d,#181c25);padding:19px;position:relative;transition:transform .12s,border-color .12s}.kpi:hover{transform:translateY(-2px);border-color:#5f513a}.kpi-ico{border-radius:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:22px;background:#5c442026}.kpi-label{color:#a0a9b6;font-size:12px}.kpi strong{font-size:21px;color:#f0f3f8;word-break:break-word;font-variant-numeric:tabular-nums}.kpi-more{font-size:11px;color:#85909e}.kpi.gold{border-color:#735127;background:linear-gradient(130deg,#29241d,#1c2028)}.kpi.gold strong{color:#ffd393}.kpi.danger-text strong{color:var(--red)}.two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:19px;padding:22px;min-width:0;box-shadow:0 8px 30px #080a0e20}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-heading h2{margin:0}.panel-heading a{color:var(--accent);font-size:12px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;min-width:530px;width:100%;text-align:right}th{font-size:11px;color:#8d98a6;font-weight:600;background:#232933}td,th{padding:13px 12px;border-bottom:1px solid #313846;white-space:nowrap}tr:hover td{background:#1f2630}td a{color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:40px 10px}.tag{background:#374051;color:#cbd5e1;padding:6px 10px;display:inline-flex;border-radius:7px;font-size:11px}.tag-danger{background:#6f2d3b;color:#ffb4c4}.quick-links{display:flex;flex-direction:column;gap:11px}.quick-links>a{display:flex;align-items:center;gap:12px;background:#222934;padding:13px;border-radius:12px;color:#b9c3d3}.quick-links>a:hover{background:#2b3440}.quick-links>a b{background:#333324;color:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:19px}.quick-links>a span{flex:1;color:#e3e7ec;font-weight:600}.info-strip{padding:14px 17px;border-right:3px solid var(--accent);color:#b8c0cc;background:#242a33;border-radius:8px;font-size:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:var(--accent);border:1px solid var(--accent);color:#222018;font-weight:800;white-space:nowrap;padding:11px 17px;min-height:40px;border-radius:10px;cursor:pointer;transition:filter .15s}.button:hover{filter:brightness(1.1)}.button.secondary{border-color:#4a5362;color:#d9dee7;background:#28303b}.button.secondary:hover{background:#343e4b}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:13px}.inline-form label{flex:1 1 160px}label{display:flex;flex-direction:column;gap:8px;color:#bec8d4;font-size:12px}input,select,textarea{min-width:0;width:100%;height:42px;border-radius:9px;border:1px solid #455062;background:#12161e;color:#f6f7fa;padding:9px 11px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b22}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input[type=color]{padding:4px;width:75px}.check-label{display:flex;flex-direction:row;align-items:center;gap:9px;flex:0 0 auto;padding-bottom:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-hint{grid-column:span 2;color:#9ca6b4;align-self:center}.form-hint a{color:var(--accent)}.alert{border-radius:10px;padding:14px 17px;margin-bottom:20px}.alert.success{background:#183a30;color:#a1f3c8;border:1px solid #2b6550}.alert.danger{background:#50232e;color:#ffd2da;border:1px solid #843b4e}.footer{color:#636e7d;padding:0 34px 25px;text-align:center;font-size:11px}.invoice-entry{min-width:1050px}.invoice-entry th{white-space:normal}.invoice-entry td{padding:9px 5px}.invoice-entry select,.invoice-entry input{height:39px;font-size:12px;padding:7px;min-width:100px}.invoice-entry td:first-child{min-width:180px}.invoice-entry td:nth-child(2){min-width:180px}.invoice-entry td:nth-child(3),.invoice-entry td:nth-child(5),.invoice-entry td:nth-child(6){width:100px}.item-total{font-weight:700;color:var(--accent)}.icon-button{background:#4e2b33;border:0;color:#fecdd3;padding:7px 13px;border-radius:8px;font-size:19px}.invoice-summary{margin-top:20px;display:flex;justify-content:space-between;align-items:center;background:#2b3037;border-radius:12px;padding:18px 22px}.invoice-summary strong{font-size:21px;color:var(--accent)}.detail-cards{grid-template-columns:repeat(4,1fr)}.detail-cards .kpi{min-height:120px}.important{border-color:#856029;background:linear-gradient(120deg,#292217,#191e27)}.total-row th{color:var(--accent);font-weight:800}.auth-body{display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#473522 0,transparent 33%),#0d1016;padding:25px}.auth-card{width:min(455px,100%);padding:37px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 100px #0005}.auth-logo{margin-bottom:23px;width:54px;height:54px;font-size:33px}.auth-card h1{font-size:25px;margin-bottom:10px}.auth-card form{margin-top:28px;display:grid;gap:17px}.auth-card label{gap:9px}.auth-card input{height:46px}.auth-card .full{width:100%;margin-top:9px}.login-note{font-size:11px;color:#777e8c;line-height:1.9;margin-top:25px}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:23px}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.content{padding:26px 22px}}@media(max-width:760px){.sidebar{position:fixed;z-index:100;right:-265px;transition:right .2s;box-shadow:0 10px 40px #0009}.sidebar.sidebar-open{right:0}.mobile-menu{display:block}.topbar{padding:0 17px;height:64px}.top-tools{gap:8px}.user-info,.breadcrumbs{display:none}.content{padding:20px 14px}.page-head{align-items:start;flex-direction:column;gap:12px}.page-head h1{font-size:22px}.date-chip{font-size:11px}.kpi-grid{gap:10px}.kpi{padding:13px;min-height:146px}.kpi strong{font-size:16px}.panel{padding:15px}.form-grid{grid-template-columns:1fr}.form-hint{grid-column:auto}.footer{padding:0 12px 22px}.detail-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-ico{width:29px;height:29px;font-size:16px}.kpi strong{font-size:14px}.kpi-label{font-size:11px}.date-chip{width:100%}}

/* Phase 2 customers/purchases UX */
.search-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search-bar input{flex:1 1 230px}.search-bar .button{white-space:nowrap}.panel textarea{height:auto;min-height:100px;resize:vertical}.kpi strong[dir=ltr]{direction:ltr;text-align:right}.invoice-entry [data-remove-row]{padding:8px 12px}

/* Inventory, invoice and supplier filters */
.search-bar select{flex:0 1 220px;width:auto;min-width:180px}
@media(max-width:760px){.search-bar select{flex:1 1 100%;width:100%}}