:root{--bg:#07101d;--panel:#101b2d;--card:#17243a;--border:#2a3a54;--text:#f8fafc;--muted:#9fb0c6;--accent:#38bdf8;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--blue:#2563eb}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}a{color:inherit;text-decoration:none}
.top{position:sticky;top:0;z-index:20;background:#0b1525;border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-size:19px;font-weight:900;color:var(--accent)}.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.nav a,.nav button{background:var(--card);padding:7px 10px;border-radius:9px;font-size:13px;border:0;color:var(--text);cursor:pointer}.nav a:hover,.nav button:hover{background:#22334f}.nav form{margin:0}.userbox{font-size:12px;color:var(--muted)}
.wrap{padding:14px;max-width:1800px;margin:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:14px}.grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product{min-height:68px;border:1px solid #2854a5;background:#16459b;color:#fff;border-radius:11px;padding:8px;font-weight:800;cursor:pointer}.product:hover{filter:brightness(1.12)}.quick{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.quick button{padding:10px 18px}.receipt{min-height:620px}.receipt-lines{max-height:445px;overflow:auto}.line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px dashed #314057}.line-title{font-weight:800}.qty{display:flex;gap:5px;align-items:center}.qty button{width:30px;height:30px;padding:0}.totalbox{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.totalrow{display:flex;justify-content:space-between;padding:4px 0}.grand{font-size:31px;font-weight:900;color:#4ade80}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
button,.btn{border:0;border-radius:9px;padding:10px 12px;font-weight:750;cursor:pointer;display:inline-block;text-align:center}.primary{background:#15803d;color:white}.secondary{background:#334155;color:white}.danger{background:#b91c1c;color:white}.amber{background:#b45309;color:white}.blue{background:#1d4ed8;color:white}button:disabled{opacity:.55;cursor:not-allowed}
input,select,textarea{width:100%;background:#0b1525;color:#fff;border:1px solid #334155;border-radius:9px;padding:9px;font-size:14px}textarea{resize:vertical}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.formgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.formgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:14px}.stat b{font-size:24px;display:block;margin-top:6px}
.muted{color:var(--muted)}.ok{color:#4ade80}.warn{color:#fbbf24}.error{color:#fca5a5}.flash{padding:10px 12px;border-radius:10px;margin-bottom:10px;background:#153823}.flash.error{background:#4c1d1d;color:#fecaca}.flash.success{background:#14532d;color:#dcfce7}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#334155;font-size:11px}.badge.green{background:#14532d}.badge.red{background:#7f1d1d}.badge.amber{background:#78350f}.badge.blue{background:#1e3a8a}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px;border-bottom:1px solid var(--border);text-align:right;vertical-align:top}th{color:#cbd5e1;background:#0e192a;position:sticky;top:0}.tablewrap{overflow:auto;max-height:620px;border:1px solid var(--border);border-radius:10px}.module{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:8px}.module input{width:24px;height:24px}.ticket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ticket{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.toolbar>*{min-width:120px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.danger-zone{border:1px solid #7f1d1d;background:#2a1115}.hr{height:1px;background:var(--border);margin:14px 0}.login{max-width:430px;margin:70px auto}.small{font-size:12px}.nowrap{white-space:nowrap}.kpi-note{font-size:11px;color:var(--muted);margin-top:4px}.payment-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;margin-top:6px}.purchase-row{grid-template-columns:1.4fr .8fr .8fr 1fr auto}.bar{height:9px;background:#334155;border-radius:9px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}.notice{padding:10px;border:1px solid var(--border);background:#0f1d31;border-radius:10px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#64748b;margin-left:6px}.status-dot.ok{background:#22c55e}.status-dot.warn{background:#f59e0b}.status-dot.bad{background:#ef4444}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}.nowrap{white-space:nowrap}
@media(max-width:1100px){.grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(3,1fr)}.ticket-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.products{grid-template-columns:repeat(2,1fr)}.grid2,.grid3,.formgrid,.formgrid3,.formgrid4,.payment-row{grid-template-columns:1fr}.ticket-grid,.cards{grid-template-columns:1fr}.receipt{min-height:auto}.top{position:static}.actions{grid-template-columns:1fr 1fr}.toolbar>*{min-width:0;width:100%}}
@media print{.top,.no-print,.flash{display:none!important}body{background:white;color:black}.wrap{padding:0}.panel{border:0;background:white}.receipt{min-height:0}.muted{color:#444}.tablewrap{max-height:none;overflow:visible}table,th,td{color:black;background:white;border-color:#bbb}.btn,button{display:none!important}}
.langbar{display:flex;justify-content:flex-end;gap:5px;padding:6px 14px;background:#081321;border-bottom:1px solid var(--border)}.langbar form{margin:0}.langbar button{background:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:8px;padding:5px 9px;font-size:12px}.langbar .lang-active{background:#0c4a6e;color:#fff;border-color:#38bdf8}html[dir="ltr"] th,html[dir="ltr"] td{text-align:left}html[dir="ltr"] .status-dot{margin-left:0;margin-right:6px}html[dir="ltr"] .mono{direction:ltr;text-align:left}
.product-edit-grid{display:grid;grid-template-columns:1fr 1fr 120px auto;gap:6px;align-items:center}@media(max-width:900px){.product-edit-grid{grid-template-columns:1fr}}