:root{--paper: #eaeef0;--surface: #ffffff;--ink: #16202b;--muted: #697682;--line: #c5ced4;--border: #e2e7ea;--go: #14a05a;--go-dark: #0e7a44;--red: #b3261e;--shadow: 0 1px 2px rgba(22, 32, 43, .05), 0 6px 18px rgba(22, 32, 43, .06);--radius: 16px}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}.app{max-width:860px;margin:0 auto;padding:24px 16px 80px}.app-header{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.app-header h1{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.app-header .sub{color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tab{font-weight:600;font-size:14px;padding:9px 14px;border-radius:12px;border:1.5px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;transition:all .15s}.tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.card h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.big-number{font-size:38px;font-weight:700;letter-spacing:-.01em}.muted{color:var(--muted);font-size:13px}.negative{color:var(--red)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;color:var(--muted);font-weight:600;font-size:12.5px}td{border-bottom:1px solid var(--border);padding:8px 6px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.btn{font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.btn.secondary{background:#fff;color:var(--ink)}.btn.small{padding:4px 10px;font-size:12.5px}.btn.danger{border-color:var(--red);background:#fff;color:var(--red)}.btn:disabled{opacity:.5;cursor:default}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0}.field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}input,select,textarea{width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:#f6f8f9;border:1.5px solid var(--border);border-radius:10px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.error-box{background:#fbeaea;color:#9b1c1c;padding:12px;border-radius:10px;white-space:pre-wrap;font-size:13.5px}