:root{--ink: #18181b;--bg: #f4f5f4;--surface: #ffffff;--surface-soft: #fbfbfa;--muted: #6b6b66;--subtle: #8a8a84;--faint: #a4a49e;--line: #ececea;--line-soft: #f4f4f2;--line-strong: #e6e6e2;--input-bg: #f6f6f4;--input-line: #e8e8e5;--state-free: #15803d;--state-free-bg: #e9f6eb;--state-few: #b45309;--state-few-bg: #fbefd9;--state-full: #6b7280;--state-full-bg: #f1f1ef;--state-charging: #0e8c7e;--state-charging-bg: #def6f1;--danger: #c6403a;--danger-bg: #fdecec;--bar-avail: #7ccf86;--bar-few: #f1c15b;--bar-full: #e08b86;--accent: #66c966;--accent-strong: #2e9e52;--accent-2: #00d5be;--on-accent: #0b2e18;--accent-tint: #eaf7ec;--accent-tint-line: #cdeed2;--grad: linear-gradient(135deg, var(--accent), var(--accent-2));--parkosecure-grad: linear-gradient(135deg, #66c966, #00d5be);--parkosecure-on: #0b2e18;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}.msr{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga"}.mono{font-family:var(--font-mono)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:11px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);font-weight:500}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{background:#e2e2df;color:#a8a8a2;cursor:not-allowed}.field label{font-size:12.5px;font-weight:500;color:#47474a}.field .control{margin-top:6px;display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1px solid var(--input-line);border-radius:12px;padding:12px 14px}.field input,.field select{border:none;background:none;outline:none;font-family:inherit;font-size:14px;color:var(--ink);width:100%}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:20px}.chip-open{color:var(--danger);background:var(--danger-bg);font-weight:600}.chip-done{color:var(--accent-strong);background:var(--accent-tint);font-weight:600}.chip-charging{color:var(--state-charging);background:var(--state-charging-bg)}.chip-neutral{color:#52524e;background:#f2f2ef}.table-head{display:grid;gap:12px;padding:12px 20px;background:var(--surface-soft);border-bottom:1px solid #eeeeeb;font-size:11.5px;font-weight:600;color:var(--subtle);text-transform:uppercase;letter-spacing:.04em}.table-row{display:grid;gap:12px;padding:13px 20px;border-top:1px solid var(--line-soft);align-items:center}.icon-btn{border:none;background:none;cursor:pointer;padding:4px;display:inline-flex}@keyframes pkPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pkFade{0%{opacity:0}to{opacity:1}}