:root{--bg: #f5f6fa;--bg-2: #fff;--text: #333;--text-muted: #888;--text-secondary: #555;--text-tertiary: #999;--text-body: #666;--border: #ddd;--border-soft: #f0f0f0;--border-input: #ddd;--shadow: rgba(0, 0, 0, .08);--shadow-strong: rgba(0, 0, 0, .12);--primary: #4f6ef7;--primary-hover: #3d5cd9;--danger-text: #c33;--danger-bg: #fee;--danger-border: #fcc;--success-text: #2a2;--success-bg: #efe;--success-border: #cfc;--warning-bg: #fef3cd;--warning-border: #f0ad4e;--warning-text: #856404;--info-bg: #d1ecf1;--info-border: #0c5460;--info-text: #0c5460;--danger-alert-bg: #f8d7da;--danger-alert-border: #f5c6cb;--danger-alert-text: #721c24;--btn-disabled: #a0b0f0;--btn-secondary-bg: #f0f2f5;--secondary-border: #ddd;--card-header-bg: #fafbff;--draft-bg: #ff9800;--draft-text: #fff;--admin-border: #f0c040;--btn-bg: #fff;--welcome-bg: linear-gradient(135deg, #4f6ef7, #7c5cfc);--info-card-bg: #fff;--table-divider: #f0f0f0}[data-theme=dark],html.dark{--bg: #1a1d24;--bg-2: #232733;--text: #e6e8ee;--text-muted: #8a8f9d;--text-secondary: #c0c3cf;--text-tertiary: #9d9fac;--text-body: #a4a8b8;--border: #3a3f4d;--border-soft: #2a2e3a;--border-input: #4a4f5d;--shadow: rgba(0, 0, 0, .25);--shadow-strong: rgba(0, 0, 0, .4);--primary: #6f8cff;--primary-hover: #5a76e0;--danger-text: #f56c6c;--danger-bg: #2d2428;--danger-border: #a05050;--success-text: #6cc87f;--success-bg: #1f2d23;--success-border: #2f5a3e;--warning-bg: #2d2a1e;--warning-border: #a08c4a;--warning-text: #c8b878;--info-bg: #1e2d33;--info-border: #2a5a66;--info-text: #7ab0c0;--danger-alert-bg: #2d2428;--danger-alert-border: #6c3a3a;--danger-alert-text: #f59595;--btn-disabled: #4a5a8a;--btn-secondary-bg: #2a2e3a;--secondary-border: #3a3f4d;--card-header-bg: #282c38;--admin-border: #f0c040;--btn-bg: #232733}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}#app{min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);padding:.8rem 1.5rem;box-shadow:0 1px 4px var(--shadow);position:sticky;top:0;z-index:100}.nav-brand a{font-weight:700;font-size:1.2rem;color:var(--primary);text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:.8rem;flex-wrap:wrap}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.88rem;padding:.3rem .4rem;white-space:nowrap}.nav-links a:hover{color:var(--primary)}.nav-links a.router-link-exact-active{color:var(--primary);font-weight:600;border-bottom:2px solid var(--primary)}.nav-user{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.nav-username{font-size:.85rem;color:var(--text-muted)}.btn-logout{padding:.35rem .8rem;border:1px solid var(--border);border-radius:6px;background:var(--btn-bg);color:var(--text);cursor:pointer;font-size:.82rem}.btn-logout:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.btn-theme{padding:.35rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--btn-bg);color:var(--text);cursor:pointer;font-size:.9rem}.btn-theme:hover{background:var(--danger-bg);border-color:var(--danger-border)}.main-content{padding:.8rem;max-width:1100px;margin:0 auto}input,select,textarea{color:var(--text);background:var(--bg-2)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@media (max-width: 768px){.navbar{padding:.6rem .8rem;flex-wrap:wrap;gap:.4rem}.nav-links{gap:.4rem;width:100%;order:3;justify-content:center}.nav-links a{font-size:.8rem;padding:.25rem .3rem}.nav-brand{order:1}.nav-user{order:2}.main-content{padding:.8rem}}@media (max-width: 480px){.nav-links{gap:.2rem}.nav-links a{font-size:.75rem;padding:.2rem .25rem}.nav-username{display:none}}