@font-face{font-family:StoreArabic;src:url('/static/fonts/DejaVuSans.ttf')}*{box-sizing:border-box} :root{--bg:#121212;--card:#1e1e1e;--cyan:#00e5ff;--red:#ff453a;--green:#32d74b;--text:#fff;--muted:#98989d;--border:#2c2c2e}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,StoreArabic,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}button{border:1px solid var(--border);color:var(--text);background:#252525;border-radius:10px;min-height:42px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover{background:#303030}button:disabled{opacity:.5;cursor:wait}button.primary{color:#07191b;background:var(--cyan);border-color:var(--cyan);font-weight:bold}button.primary:hover{background:#80f2ff}.danger{color:var(--red)}.muted{color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}.cyan{color:var(--cyan)}.mono{font-family:Consolas,monospace;direction:ltr;display:inline-block;letter-spacing:-.5px;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.4;margin-bottom:8px}h2{font-size:18px}h3{font-size:15px}.topbar{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px;background:#161616;position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:white;font-weight:bold;font-size:18px;white-space:nowrap}.brand small{display:block;color:var(--muted);font:9px Consolas,monospace;letter-spacing:2px;direction:ltr}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--cyan);color:#111;font:900 27px Arial;transform:skew(-4deg)}nav{display:flex;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:thin}nav button{background:none;border:none;white-space:nowrap;color:var(--muted);padding:12px 13px;min-height:44px}nav button.active{background:#003a40;color:var(--cyan)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions form{margin:0}.profile{border-radius:50%;width:38px;height:38px;min-height:38px;background:#323232;color:#fff;padding:0}.logout{padding:0;width:32px;border:none;background:none;font-size:22px}.local-status{color:var(--muted);font-size:11px;white-space:nowrap}.local-status i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:5px}.workspace{max-width:1600px;margin:0 auto;padding:32px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.eyebrow{color:var(--cyan);font:10px Consolas,monospace;letter-spacing:2px;display:block;margin-bottom:10px}.page-head p{margin-bottom:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.span-4{grid-column:span 4}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.card{border-radius:16px;background:var(--card);border:1px solid var(--border);padding:24px}.kpi{position:relative;overflow:hidden;min-height:160px}.kpi .label{color:var(--muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.kpi .value{font-size:32px;font-weight:bold;line-height:1.4}.kpi .unit{color:var(--muted);font:12px Consolas,monospace;margin-left:8px}.kpi .sub{font-size:12px;color:var(--muted);margin-top:12px}.kpi.featured{background:linear-gradient(125deg,#1e1e1e,#123136);border-color:#235159}.icon-box{background:#262626;color:var(--cyan);border-radius:10px;width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;font-size:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.card-head h2{margin:0}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;background:#292929;color:var(--muted);white-space:nowrap}.badge.green{background:#19331e;color:var(--green)}.badge.red{background:#3a1c1c;color:var(--red)}.badge.cyan{background:#003a40;color:var(--cyan)}.chart{width:100%;height:240px;overflow:visible}.chart text{font-family:Consolas,monospace;fill:var(--muted);font-size:11px}.chart .gridline{stroke:var(--border);stroke-dasharray:4 6}.chart-caption{display:flex;gap:24px;color:var(--muted);font-size:12px}.chart-caption i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;background:var(--cyan)}.chart-caption i.green{background:var(--green)}.alert{background:#3a1c1c;color:var(--red);border-right:4px solid var(--red);padding:12px 16px;border-radius:8px;margin-bottom:16px}.notice{background:#122d31;color:#b9eff5;border:1px solid #225158;border-radius:12px;padding:16px 20px;margin-bottom:24px}.notice p{margin:0 0 8px}.notice p:last-child{margin:0}.alert-item{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 0}.alert-item:last-child{border-bottom:0}.alert-item p{margin:0;font-size:12px}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.empty .empty-symbol{display:block;font-size:36px;color:#535357;margin-bottom:12px}.empty h3{color:white;margin-bottom:8px}.empty p{font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{color:var(--muted);font-weight:normal;font-size:11px;padding:12px 16px;background:#1a1a1a}td{padding:16px;border-bottom:1px solid var(--border);font-size:13px}tr:hover td{background:#252525}td small{display:block;color:var(--muted)}td button{font-size:12px;min-height:34px;padding:4px 10px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:24px 24px 0}.table-card .empty{padding:48px}.filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:24px}.filterbar label{flex:1;min-width:120px;margin:0;max-width:250px}.filterbar input,.filterbar select{min-height:40px}.filterbar .search{flex:2;max-width:380px}.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tabs button.active{color:var(--cyan);border-color:#225158;background:#122d31}label{display:block;color:var(--muted);font-size:12px;margin-bottom:16px}input,select,textarea{display:block;width:100%;color:white;background:#161616;border:1px solid #38383b;border-radius:8px;padding:10px 12px;min-height:44px;margin-top:6px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:1px solid var(--cyan)}input[type=checkbox]{width:18px;min-height:18px;margin:0;accent-color:var(--cyan)}input[type=number],input[type=date]{direction:ltr;text-align:right}select[multiple]{min-height:110px}textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.full{grid-column:1/-1}.checklabel{display:flex;gap:8px;align-items:center;color:white;margin-top:12px}.help{font-size:11px;color:var(--muted);display:block}.form-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--border)}dialog{background:var(--card);color:white;border:1px solid #414145;border-radius:16px;max-width:760px;width:calc(100% - 32px);padding:24px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-head h2{margin:0}.modal-head button{border:none;background:none;font-size:24px;padding:0;width:32px}.modal-error{color:var(--red);margin-bottom:16px}#toast{position:fixed;bottom:32px;left:32px;z-index:20;background:#23432a;color:white;border:1px solid #356942;border-radius:12px;padding:16px 24px;display:none;max-width:calc(100% - 64px)}#toast.error{background:#3a1c1c;border-color:#632a2a}.loading{text-align:center;padding:80px;color:var(--muted)}.app-footer{max-width:1600px;margin:auto;display:flex;justify-content:space-between;padding:16px 32px 24px;color:#646469;border-top:1px solid var(--border);font-size:11px}.app-footer b{font:10px Consolas}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-tile{padding:16px;display:block;text-align:right;background:var(--card);border:1px solid var(--border);min-height:154px}.product-tile:hover{border-color:var(--cyan);background:#1c2a2c}.product-tile .tile-icon{height:42px;display:flex;align-items:center;margin-bottom:12px;color:var(--cyan);font-size:26px}.product-tile strong{display:block;font-size:13px;margin-bottom:8px}.product-tile .tile-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.cart{position:sticky;top:112px;align-self:start}.cart-list{max-height:320px;overflow:auto;margin-bottom:16px}.cart-item{border-bottom:1px solid var(--border);padding:12px 0}.cart-item .item-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.cart-item .item-controls{display:grid;grid-template-columns:1fr 1fr 34px;gap:8px;align-items:center}.cart-item input{margin:0;min-height:36px;padding:6px}.cart-item button{min-height:36px;padding:0}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:bold;border-top:1px solid var(--border);padding-top:16px;margin:16px 0}.cart-total .mono{color:var(--cyan)}.wide{width:100%}.suggestions{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.suggestions h3{color:var(--cyan);font-size:13px}.suggestions button{margin:4px;font-size:12px}.inline-input{width:80px;margin:0;min-height:36px;padding:6px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invoice-links{display:flex;gap:12px;margin-top:16px}.login-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center}.login-card{max-width:460px;width:100%;margin:auto;padding:48px}.login-card .brand-mark{margin-bottom:40px}.login-card h1{font-size:32px;margin:16px 0 24px}.login-card form{margin-top:32px}.login-foot{margin-top:40px;color:#666;font-size:11px}.login-art{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#07373d,#121212 70%)}.art-word{font:bold 100px/1 Arial;direction:ltr;letter-spacing:-7px;z-index:1}.art-word span{color:var(--cyan)}.art-label{position:absolute;bottom:80px;color:var(--muted);font-size:12px}.orbit{position:absolute;width:560px;height:560px;border:1px solid #1a5b63;border-radius:50%;transform:rotate(-30deg) scaleY(.6)}.orbit-two{transform:rotate(45deg) scaleY(.5);width:660px;height:660px}.list-number{font:32px Consolas;color:var(--cyan);margin-left:16px}.onboard-list{display:flex;gap:24px;flex-wrap:wrap}.onboard-list div{flex:1;min-width:180px}.onboard-list p{color:var(--muted);font-size:12px}.section-gap{margin-top:24px}.report-note{margin-top:8px;font-size:12px;color:var(--muted)}@media(min-width:1600px){.workspace{padding:40px 48px}}@media(max-width:1200px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:16px 24px;gap:12px}nav{order:3;width:100%;justify-content:flex-start}.header-actions{margin-right:auto}.brand small{display:none}.pos-layout{grid-template-columns:minmax(0,1fr) 340px}.workspace{padding:24px}}@media(max-width:800px){.span-4,.span-8,.span-6{grid-column:span 12}.grid{gap:16px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.workspace{padding:16px}.card{padding:20px}.kpi{min-height:135px}.pos-layout{grid-template-columns:1fr}.cart{position:static}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.local-status{display:none}.topbar{padding:12px 16px;position:static}nav button{padding:10px}.app-footer{padding:16px;gap:16px}.app-footer span:last-child{display:none}.login-body{display:block}.login-card{padding:32px 24px;margin-top:32px}.login-art{display:none}.form-grid{grid-template-columns:1fr}.permissions-grid{grid-template-columns:1fr}th,td{padding:12px}.filterbar label{max-width:none}.chart{height:200px}}@media print{.topbar,.page-head .actions,.filterbar,.tabs,.app-footer,button{display:none}body{background:white;color:black}.card{background:white;color:black;border:1px solid #ccc;break-inside:avoid}.workspace{padding:0}th,td{color:black;background:white!important}.muted{color:#555}}