:root{--bg:#f5f6f8;--panel:#ffffff;--border:#e2e5ea;--text:#1c2330;--muted:#6b7280;--accent:#2f6fed;--accent-dark:#1f4fc2;--accent-text:#ffffff;--accent-tint:rgba(47,111,237,0.12);--accent-tint-soft:rgba(47,111,237,0.06);--brand-accent:var(--accent);--header:#1c2330;--header-text:#ffffff;--nav-link-text:#b8bfcc;--danger:#d64545;--danger-dark:#b83636;--danger-tint:rgba(214,69,69,0.07);--hover-bg:#f0f1f4;--radius:10px;--radius-btn:8px}[data-theme=stripe]{--bg:#f6f9fc;--panel:#ffffff;--border:#e3e8ee;--text:#0d253d;--muted:#64748d;--accent:#533afd;--accent-dark:#2e2b8c;--accent-text:#ffffff;--accent-tint:rgba(83,58,253,0.12);--accent-tint-soft:rgba(83,58,253,0.06);--header:#1c1e54;--header-text:#ffffff;--nav-link-text:#b9b9f9;--danger:#ea2261;--danger-dark:#c11a52;--danger-tint:rgba(234,34,97,0.08);--hover-bg:#f6f9fc;--radius:12px;--radius-btn:9999px}[data-theme=linear]{--bg:#010102;--panel:#0f1011;--border:#23252a;--text:#f7f8f8;--muted:#8a8f98;--accent:#5e6ad2;--accent-dark:#828fff;--accent-text:#ffffff;--accent-tint:rgba(94,106,210,0.18);--accent-tint-soft:rgba(94,106,210,0.09);--header:#0f1011;--header-text:#f7f8f8;--nav-link-text:#8a8f98;--danger:#eb5757;--danger-dark:#c23a3a;--danger-tint:rgba(235,87,87,0.12);--hover-bg:#141516;--radius:12px;--radius-btn:8px}[data-theme=notion]{--bg:#f6f5f4;--panel:#ffffff;--border:#e6e6e6;--text:#000000;--muted:#615d59;--accent:#0075de;--accent-dark:#005bab;--accent-text:#ffffff;--accent-tint:rgba(0,117,222,0.1);--accent-tint-soft:rgba(0,117,222,0.05);--header:#213183;--header-text:#ffffff;--nav-link-text:#a8b3e0;--danger:#e03e3e;--danger-dark:#b52e2e;--danger-tint:rgba(224,62,62,0.08);--hover-bg:#f6f5f4;--radius:12px;--radius-btn:9999px}[data-theme=spotify]{--bg:#121212;--panel:#181818;--border:#2a2a2a;--text:#ffffff;--muted:#b3b3b3;--accent:#1ed760;--accent-dark:#1db954;--accent-text:#000000;--accent-tint:rgba(30,215,96,0.18);--accent-tint-soft:rgba(30,215,96,0.09);--header:#000000;--header-text:#ffffff;--nav-link-text:#b3b3b3;--danger:#f3727f;--danger-dark:#d94f5c;--danger-tint:rgba(243,114,127,0.12);--hover-bg:#282828;--radius:8px;--radius-btn:9999px}[data-theme=airbnb]{--bg:#f7f7f7;--panel:#ffffff;--border:#dddddd;--text:#222222;--muted:#6a6a6a;--accent:#ff385c;--accent-dark:#e00b41;--accent-text:#ffffff;--accent-tint:rgba(255,56,92,0.14);--accent-tint-soft:rgba(255,56,92,0.07);--header:#222222;--header-text:#ffffff;--nav-link-text:#c1c1c1;--danger:#c13515;--danger-dark:#b32505;--danger-tint:rgba(193,53,21,0.1);--hover-bg:#f7f7f7;--radius:14px;--radius-btn:9999px}[data-theme=vercel]{--bg:#fafafa;--panel:#ffffff;--border:#ebebeb;--text:#171717;--muted:#888888;--accent:#171717;--accent-dark:#000000;--accent-text:#ffffff;--accent-tint:rgba(23,23,23,0.08);--accent-tint-soft:rgba(23,23,23,0.04);--header:#171717;--header-text:#ffffff;--brand-accent:#ffffff;--nav-link-text:#a1a1a1;--danger:#ee0000;--danger-dark:#c50000;--danger-tint:rgba(238,0,0,0.08);--hover-bg:#fafafa;--radius:12px;--radius-btn:8px}[data-theme=slack]{--bg:#f9f0ff;--panel:#ffffff;--border:#e6e6e6;--text:#1d1d1d;--muted:#696969;--accent:#4a154b;--accent-dark:#611f69;--accent-text:#ffffff;--accent-tint:rgba(74,21,75,0.12);--accent-tint-soft:rgba(74,21,75,0.06);--header:#4a154b;--header-text:#ffffff;--brand-accent:#d9bdde;--nav-link-text:#d9bdde;--danger:#cc4117;--danger-dark:#a83411;--danger-tint:rgba(204,65,23,0.08);--hover-bg:#f9f0ff;--radius:12px;--radius-btn:9999px}[data-theme=discord]{--bg:#0a0d3a;--panel:#1e2353;--border:#23272a;--text:#ffffff;--muted:#949ba4;--accent:#5865f2;--accent-dark:#4752c4;--accent-text:#ffffff;--accent-tint:rgba(88,101,242,0.2);--accent-tint-soft:rgba(88,101,242,0.1);--header:#23272a;--header-text:#ffffff;--nav-link-text:#949ba4;--danger:#ed4245;--danger-dark:#c62e30;--danger-tint:rgba(237,66,69,0.14);--hover-bg:#1e2353;--radius:16px;--radius-btn:12px}[data-theme=apple]{--bg:#f5f5f7;--panel:#ffffff;--border:#e0e0e0;--text:#1d1d1f;--muted:#7a7a7a;--accent:#0066cc;--accent-dark:#0071e3;--accent-text:#ffffff;--accent-tint:rgba(0,102,204,0.1);--accent-tint-soft:rgba(0,102,204,0.05);--header:#1d1d1f;--header-text:#ffffff;--nav-link-text:#cccccc;--danger:#ff3b30;--danger-dark:#d70015;--danger-tint:rgba(255,59,48,0.08);--hover-bg:#f5f5f7;--radius:18px;--radius-btn:9999px}[data-theme=nintendo]{--bg:#7a8aba;--panel:#ffffff;--border:#5a5f8c;--text:#21242e;--muted:#60619c;--accent:#ecab37;--accent-dark:#e48600;--accent-text:#21242e;--accent-tint:rgba(236,171,55,0.2);--accent-tint-soft:rgba(236,171,55,0.1);--header:#21242e;--header-text:#ffffff;--nav-link-text:#e48600;--danger:#e60012;--danger-dark:#b8000e;--danger-tint:rgba(230,0,18,0.12);--hover-bg:#8ba1d4;--radius:10px;--radius-btn:4px}[data-theme=claude]{--bg:#faf9f5;--panel:#ffffff;--border:#e6dfd8;--text:#141413;--muted:#6c6a64;--accent:#cc785c;--accent-dark:#a9583e;--accent-text:#ffffff;--accent-tint:rgba(204,120,92,0.14);--accent-tint-soft:rgba(204,120,92,0.07);--header:#181715;--header-text:#faf9f5;--nav-link-text:#a09d96;--danger:#c64545;--danger-dark:#a03636;--danger-tint:rgba(198,69,69,0.08);--hover-bg:#f5f0e8;--radius:12px;--radius-btn:8px}[data-theme=chase]{--bg:#f5f7fa;--panel:#ffffff;--border:#d4d9e0;--text:#101820;--muted:#5a6470;--accent:#0060f0;--accent-dark:#0048bf;--accent-text:#ffffff;--accent-tint:rgba(0,96,240,0.1);--accent-tint-soft:rgba(0,96,240,0.05);--header:#003594;--header-text:#ffffff;--nav-link-text:#b8cbe8;--danger:#c4001a;--danger-dark:#970014;--danger-tint:rgba(196,0,26,0.08);--hover-bg:#eef4ff;--radius:12px;--radius-btn:5px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:16px}.brand{text-align:center;font-size:22px;font-weight:700}.brand span{color:var(--accent)}.muted{font-size:14px}.fld,.muted{color:var(--muted)}.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:12px}.fld input,.fld select,.fld textarea{font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text);background:var(--panel);font-family:inherit}.fld textarea{resize:vertical;min-height:60px}.err{background:var(--danger-tint);color:var(--danger);border-radius:var(--radius-btn);padding:8px 10px;font-size:13px}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-btn);padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.btn-google{background:var(--panel);color:var(--text);border:1px solid var(--border)}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.app-shell{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:var(--header);color:var(--header-text);display:flex;flex-direction:column;padding:18px 12px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:18px;padding:6px 10px 16px}.sidebar .brand span{color:var(--brand-accent)}.nav-link{padding:9px 12px;border-radius:var(--radius-btn);color:var(--nav-link-text);font-weight:500}.nav-link:hover{background:rgba(255,255,255,.08);color:var(--header-text)}.nav-link.active{background:var(--accent);color:var(--accent-text)}.sidebar .spacer{flex:1 1}.sidebar .who{font-size:12px;color:var(--nav-link-text);padding:8px 10px}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--header-text);font-weight:500}.mobile-topbar,.nav-backdrop{display:none}@media (max-width:900px){.app-shell{display:block}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--header);color:var(--header-text);padding:12px 16px}.mobile-topbar .brand{font-size:16px;padding:0}.mobile-topbar .brand span{color:var(--brand-accent)}.hamburger{height:auto;background:transparent;border:none;color:var(--header-text);font-size:22px;line-height:1;padding:4px 8px;cursor:pointer}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;z-index:60;transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}.nav-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:50}}.main{flex:1 1;min-width:0;max-width:1100px;padding:32px 24px}.page-title{margin:0 0 4px}.page-sub{color:var(--muted);margin:0 0 24px}.breadcrumb{display:flex;gap:6px;font-size:13px;color:var(--muted);margin:0 0 12px}.breadcrumb a{color:var(--accent)}.breadcrumb-sep{margin-left:6px;color:var(--muted)}.page-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bg);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.page-header .page-sub{margin:0}@media (max-width:900px){.page-header{top:56px}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px}.panel h2{margin:0 0 12px;font-size:15px}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}.table tr:hover td{background:var(--hover-bg)}.badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:600}.badge-accent{background:var(--accent-tint);color:var(--accent)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-panel{background:var(--panel);border-radius:var(--radius);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:16px}.modal-close{height:30px;width:30px;padding:0;border:none;background:transparent;color:var(--muted)}.modal-close:hover{background:var(--hover-bg);color:var(--text)}.modal-body{padding:18px}