:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-accent:#3730a3;--color-accent-subtle:#e0e7ff;--color-accent-border:#818cf8;--color-hover-bg:#f1f5f9}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{gap:16px;max-width:900px;margin:0 auto;padding:24px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:16px}.table-card{padding:0;overflow:hidden}.app-header{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-nav{gap:0;max-width:900px;margin:0 auto;padding:0 24px;display:flex}.app-nav-tab{cursor:pointer;font:inherit;color:var(--color-muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:14px 16px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.app-nav-tab:hover{color:var(--color-text)}.app-nav-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;font:inherit;color:var(--color-text);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.tab:hover{border-color:var(--color-accent)}.tab-active{border-color:var(--color-accent-border);background:var(--color-accent-subtle)}table{border-collapse:collapse;width:100%}.planning-table{table-layout:fixed;border-collapse:collapse}.planning-table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);text-align:left;padding:12px 14px;font-size:13px;font-weight:700}.planning-table .month-col{width:52px}.planning-table th:not(.month-col){width:25%}.planning-table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:10px 14px;font-size:14px}.planning-table tbody tr:last-child td{border-bottom:none}.month-cell{text-align:center;font-family:ui-monospace,monospace;font-size:13px;font-weight:600;border-right:1px solid var(--color-border)!important}.plan-wh{background:var(--color-accent-subtle)}