.layout[data-v-4948cd62]{display:flex;min-height:100vh}.sidebar[data-v-4948cd62]{width:220px;flex-shrink:0;background:var(--color-bg-alt);color:var(--color-text-muted);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;border-right:1px solid var(--color-border)}.sidebar__brand[data-v-4948cd62]{display:flex;align-items:center;gap:10px;padding:22px 20px 24px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--color-accent);letter-spacing:-.02em;border-bottom:1px solid var(--color-border)}.sidebar__nav[data-v-4948cd62]{flex:1;display:flex;flex-direction:column;gap:2px;padding:14px 12px}.sidebar__item[data-v-4948cd62]{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);text-align:left}.sidebar__item[data-v-4948cd62]:hover{background:var(--color-card);color:var(--color-text)}.sidebar__item--active[data-v-4948cd62]{background:var(--color-card);color:var(--color-accent);font-weight:600;box-shadow:inset 3px 0 0 var(--color-accent);border-radius:6px 6px 6px 0}.sidebar__bottom[data-v-4948cd62]{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.sidebar__item--link[data-v-4948cd62],.sidebar__item--logout[data-v-4948cd62]{font-size:var(--text-xs)}.sidebar__item--logout[data-v-4948cd62]:hover{color:var(--color-danger)}.main[data-v-4948cd62]{flex:1;margin-left:220px;padding:var(--space-lg) var(--space-xl);background:var(--color-bg);min-height:100vh}:root{--color-bg: #faf9f7;--color-bg-alt: #f0ede8;--color-text: #2c2c2c;--color-text-muted: #6b6b6b;--color-accent: #8b5e3c;--color-accent-alt: #c4946c;--color-border: #e0dcd5;--color-card: #ffffff;--color-card-hover: #faf8f5;--color-shadow: rgba(0, 0, 0, .06);--color-overlay: rgba(0, 0, 0, .4);--color-danger: #c0392b;--color-danger-bg: #fdf0f0;--color-navy: var(--color-text);--color-salmon: var(--color-accent-alt);--color-light-pink: var(--color-bg-alt);--font-display: "Playfair Display", "Georgia", "Noto Serif SC", "Source Han Serif SC", serif;--font-body: "DM Sans", "Inter", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-serif: var(--font-display);--font-sans: var(--font-body);--text-xs: clamp(.72rem, 1.2vw, .78rem);--text-sm: clamp(.85rem, 1.3vw, .92rem);--text-base: clamp(1rem, 1.8vw, 1.1rem);--text-md: clamp(1.1rem, 2vw, 1.25rem);--text-lg: clamp(1.25rem, 2.5vw, 1.55rem);--text-xl: clamp(1.5rem, 3vw, 2rem);--text-2xl: clamp(2rem, 4vw, 2.8rem);--text-3xl: clamp(2.5rem, 5.5vw, 4.5rem);--heading-h1: clamp(3rem, 7vw, 7rem);--heading-h2: clamp(2.2rem, 5vw, 4.2rem);--heading-h3: clamp(1.6rem, 3vw, 2.8rem);--heading-h4: clamp(1.2rem, 2vw, 1.8rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--max-width: 960px;--max-width-wide: 1200px;--header-height: 64px;--section-padding: 5rem;--border-radius: 8px;--border-radius-pill: 2.85rem;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-lg: 0 8px 30px var(--color-shadow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1)}[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-alt: #242424;--color-text: #e0dcd5;--color-text-muted: #9b9b9b;--color-accent: #c4946c;--color-accent-alt: #8b5e3c;--color-border: #333333;--color-card: #242424;--color-card-hover: #2a2a2a;--color-shadow: rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .6);--color-danger: #e57373;--color-danger-bg: #3a2020;--color-salmon: var(--color-accent);--color-light-pink: var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.15;color:var(--color-text)}h1{font-size:var(--heading-h1)}h2{font-size:var(--heading-h2)}h3{font-size:var(--heading-h3)}h4{font-size:var(--heading-h4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast),background-size var(--transition-base);background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%}a:hover{color:var(--color-accent-alt);background-size:100% 1px}input,textarea,select,button{font-family:inherit}:focus-visible{outline:2px solid var(--color-salmon);outline-offset:2px;border-radius:4px}::selection{background:var(--color-salmon);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.container--wide{max-width:var(--max-width-wide)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner-wrap{display:flex;justify-content:center;padding:var(--space-xl) 0}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}.btn{font-family:var(--font-body);font-size:var(--text-sm);padding:8px 18px;border-radius:var(--border-radius);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--color-accent)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-alt);border-color:var(--color-accent-alt)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-bg)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn--ghost:hover{color:var(--color-text);background:var(--color-bg-alt)}.btn--sm{font-size:var(--text-xs);padding:4px 12px}.btn:disabled{opacity:.5;cursor:not-allowed}