.app-shell[data-v-9dd74094]{display:flex;flex-direction:column;min-height:100vh}.topbar[data-v-9dd74094]{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card)}.brand[data-v-9dd74094]{font-weight:700;font-size:17px;color:var(--color-text)}.brand[data-v-9dd74094]:hover{color:var(--color-accent)}.nav[data-v-9dd74094]{display:flex;gap:var(--spacing-md)}.nav-link[data-v-9dd74094]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:500}.nav-link[data-v-9dd74094]:hover{color:var(--color-accent);background:var(--color-accent-soft)}.nav-link.router-link-active[data-v-9dd74094]{color:var(--color-accent)}.topbar-right[data-v-9dd74094]{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}.theme-badge[data-v-9dd74094]{font-size:13px;color:var(--color-text-muted)}.content[data-v-9dd74094]{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl)}.btn[data-v-9dd74094]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-ghost[data-v-9dd74094]{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost[data-v-9dd74094]:hover{border-color:var(--color-danger);color:var(--color-danger)}:root{--color-bg: #f4f6fb;--color-card: #ffffff;--color-card-hover: #eef1f8;--color-overlay: rgba(15, 19, 32, .55);--color-text: #1c2333;--color-text-muted: #667085;--color-accent: #4f6ef7;--color-accent-hover: #3b5bdb;--color-accent-soft: #e8edfd;--color-on-accent: #ffffff;--color-border: #dfe4ee;--color-danger: #e5484d;--color-danger-soft: #fdecec;--color-success: #2f9e63;--color-warning: #d98c12;--color-info: #2f8fe0;--color-task-todo: #d98c12;--color-task-in-progress: #2f8fe0;--color-task-done: #2f9e63;--color-task-todo-bg: rgba(217, 140, 18, .14);--color-task-in-progress-bg: rgba(47, 143, 224, .14);--color-task-done-bg: rgba(47, 158, 99, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-pop: 0 12px 32px rgba(16, 24, 40, .16);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease;--transition-base: .25s ease}[data-theme=dark]{--color-bg: #0f1320;--color-card: #1a2032;--color-card-hover: #222a40;--color-overlay: rgba(0, 0, 0, .6);--color-text: #e8ecf4;--color-text-muted: #939bb0;--color-accent: #6b8aff;--color-accent-hover: #85a0ff;--color-accent-soft: rgba(107, 138, 255, .16);--color-on-accent: #ffffff;--color-border: #2a3348;--color-danger: #f06a6e;--color-danger-soft: rgba(240, 106, 110, .16);--color-success: #45c183;--color-warning: #e5a145;--color-info: #5aa8ef;--color-task-todo: #e5a145;--color-task-in-progress: #5aa8ef;--color-task-done: #45c183;--color-task-todo-bg: rgba(229, 161, 69, .16);--color-task-in-progress-bg: rgba(90, 168, 239, .16);--color-task-done-bg: rgba(69, 193, 131, .18);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-family);font-size:15px;line-height:1.5;background:var(--color-bg);color:var(--color-text);transition:background var(--transition-base),color var(--transition-base)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}