:root{--bg-app: #0d1526;--bg-surface: #16213c;--bg-surface-2: #1e2c4d;--bg-panel: #16213c;--bg-modal: #1a2743;--bg-input: #0f1a30;--accent: #3b82f6;--accent-hi: #60a5fa;--accent-deep: #1e40af;--money-green: #34d399;--ink: #e6ecf5;--ink-soft: #93a2bd;--ink-faint: #64748b;--line: #2a3a5e;--btn-face: #24345a;--btn-face-hi: #2f4373;--status-checkedin: #16342a;--status-checkedout: #1b2438;--status-onbreak: #3a3115;--status-waiting: #2a2f1a;--status-inservice: #12314f;--status-void: #3a1f28;--danger: #f87171;--ok: #34d399;--font: "Segoe UI", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);font-size:13px;color:var(--ink);background:var(--bg-app)}.btn{font-family:var(--font);font-size:14px;min-height:44px;padding:8px 16px;border:1px solid var(--line);background:var(--btn-face);color:var(--ink);border-radius:6px;cursor:pointer;font-weight:600;transition:background .12s,border-color .12s}.btn:hover{background:var(--btn-face-hi);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-hi)}.btn.primary:hover{background:var(--accent-hi)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm,.btn.small{min-height:32px;padding:4px 12px;font-size:12px}.panel{background:var(--bg-surface);border:1px solid var(--line);border-radius:10px;padding:14px}.money{color:var(--money-green);font-weight:700}.money-big{color:var(--money-green);font-weight:700;font-size:28px}table.grid{width:100%;border-collapse:collapse;background:transparent}table.grid th{text-align:left;background:var(--bg-surface-2);color:var(--ink-soft);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}table.grid td{border-bottom:1px solid var(--line);padding:8px 10px;color:var(--ink)}table.grid tr:nth-child(2n) td{background:#ffffff05}table.grid tr.selected td{background:var(--status-inservice)}input,select{color:var(--ink);background:var(--bg-input);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px}input:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--ink-faint)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.chip{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.field label{font-size:11px;color:var(--ink-soft)}h1,h2,h3,h4{color:var(--ink)}.muted{color:var(--ink-soft)}.err{color:var(--danger)}.ok{color:var(--ok)}.app[data-v-eebc31a2]{display:flex;flex-direction:column;height:100%}.topbar[data-v-eebc31a2]{background:linear-gradient(#3a3f4b,#2b2f38);color:#fff;padding:0 12px;display:flex;align-items:center;gap:16px}.brand[data-v-eebc31a2]{font-weight:700;font-size:16px;padding:10px 8px}.brand span[data-v-eebc31a2]{font-weight:400;opacity:.6;font-size:12px}nav[data-v-eebc31a2]{display:flex;gap:2px;flex:1}.navbtn[data-v-eebc31a2]{color:#cdd3dd;text-decoration:none;padding:14px 16px;font-weight:600;font-size:14px;border-bottom:3px solid transparent}.navbtn[data-v-eebc31a2]:hover{background:#454b58;color:#fff}.navbtn.active[data-v-eebc31a2]{color:#fff;border-bottom-color:var(--primary-hi);background:#454b58}.status[data-v-eebc31a2]{font-size:12px;opacity:.85;display:flex;align-items:center;gap:6px}.dot[data-v-eebc31a2]{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.ok[data-v-eebc31a2]{background:#56d364}.dot.bad[data-v-eebc31a2]{background:#f2726b}.w-on[data-v-eebc31a2]{color:#ffd166;font-weight:700}.w-off[data-v-eebc31a2]{opacity:.7}main[data-v-eebc31a2]{flex:1;overflow:auto;padding:16px}