:root{--bg:#f5f7fb;--panel:#fff;--panel2:#f0f3f8;--text:#18202a;--muted:#6b7280;--line:#e5e7eb;--accent:#243b64;--accent2:#e8eef8;--good:#0f9f6e;--warn:#d97706;--danger:#dc2626;--shadow:0 10px 30px rgba(15,23,42,.07);--radius:18px}
html[data-theme="dark"]{--bg:#0d1117;--panel:#151b23;--panel2:#1d2632;--text:#f3f4f6;--muted:#9ca3af;--line:#283241;--accent:#8fb1e3;--accent2:#172554;--good:#34d399;--warn:#f59e0b;--danger:#f87171;--shadow:0 10px 30px rgba(0,0,0,.23)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--line);padding:20px}.brand img{width:116px;height:32px;object-fit:contain;background:white;border-radius:10px;padding:5px 8px;border:1px solid #e5e7eb}.beta{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:var(--accent2);color:var(--accent)}.nav{display:grid;gap:8px;margin-top:28px}.nav button{border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 14px;border-radius:12px}.nav button.active,.nav button:hover{background:var(--panel2);color:var(--text)}.shopbox{position:absolute;left:20px;right:20px;bottom:20px;background:var(--panel2);border:1px solid var(--line);padding:14px;border-radius:14px}.tiny{font-size:12px;color:var(--muted)}main{padding:26px 28px 90px;max-width:1380px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:28px}.toolbar{display:flex;gap:8px;align-items:center}.btn,.btn-primary,.btn-danger,.btn-soft{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--panel);color:var(--text);min-height:42px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}.btn-soft{background:var(--panel2);font-weight:700}.btn-danger{background:transparent;border-color:rgba(220,38,38,.35);color:var(--danger);font-weight:700}.lang{display:flex;border:1px solid var(--line);border-radius:12px;padding:3px;background:var(--panel)}.lang button{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:9px;font-size:12px;font-weight:800}.lang button.active{background:var(--panel2);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.metric{grid-column:span 4}.metric .label{font-size:13px;color:var(--muted)}.metric .value{font-size:30px;font-weight:900;margin-top:8px;font-variant-numeric:tabular-nums}.span8{grid-column:span 8}.span4{grid-column:span 4}.span12{grid-column:1/-1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick button{border:0;border-radius:16px;padding:22px;font-size:17px;font-weight:850}.credit{background:var(--accent2);color:var(--accent)}.payment{background:rgba(16,185,129,.12);color:var(--good)}.search{display:flex;gap:10px;margin:16px 0 12px}.search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}th{font-size:12px;color:var(--muted)}.money{text-align:right;font-variant-numeric:tabular-nums}.linkbtn{border:0;background:transparent;color:var(--accent);font-weight:800;padding:0}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--panel2);color:var(--muted)}.page{display:none}.page.active{display:block}.customer-head{display:flex;justify-content:space-between;gap:16px}.balance-box{padding:14px 16px;border-radius:14px;background:var(--panel2);min-width:220px}.big{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.timeline{display:grid}.entry{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.meta{font-size:12px;color:var(--muted);margin-top:4px}.positive{color:var(--warn)}.negative{color:var(--good)}.reversal{color:var(--muted)}.reversed{opacity:.55;text-decoration:line-through}.empty{text-align:center;padding:35px 14px;color:var(--muted)}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.48);display:none;align-items:flex-end;justify-content:center;z-index:50}.modal-bg.open{display:flex}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--panel);border-radius:24px 24px 0 0;padding:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.field{display:grid;gap:6px;margin:13px 0}.field label{font-size:12px;font-weight:800;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel);color:var(--text);width:100%}.field textarea{min-height:82px;resize:vertical}.amount{font-size:28px;font-weight:850}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions button{flex:1}.notice{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:12px;color:var(--muted);line-height:1.5}.error{color:var(--danger);font-size:13px;font-weight:700;margin-top:8px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px;text-align:center}.login-card img{width:150px;background:white;padding:8px 12px;border-radius:12px;border:1px solid #e5e7eb}.login-card h1{margin:22px 0 8px}.login-card p{color:var(--muted);line-height:1.55}.login-card button{width:100%;margin-top:14px}.loading{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:100;font-weight:800}.statusbar{font-size:12px;color:var(--muted);margin-top:6px}.bottom-nav{display:none}.advanced summary{cursor:pointer;font-weight:800;margin:10px 0;color:var(--accent)}
@media(max-width:900px){.app{display:block}.sidebar{display:none}main{padding:18px 14px 90px}.metric{grid-column:span 6}.span8,.span4{grid-column:1/-1}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:var(--muted);padding:11px 5px}.bottom-nav button.active{color:var(--accent);font-weight:850}.customer-head{display:grid}.balance-box{width:100%}}
@media(max-width:620px){.metric{grid-column:1/-1}.row2{grid-template-columns:1fr}.toolbar .logout-text{display:none}.topbar h1{font-size:23px}.quick button{padding:18px}th:nth-child(2),td:nth-child(2){display:none}}