@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";.main-content{width:100%}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--color-text-secondary)}.theme-switch-container{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);width:150px;height:38px;position:relative;transition:var(--transition-medium)}.theme-switch-container:hover{border-color:var(--color-primary);background-color:var(--bg-secondary)}.theme-switch-track{display:flex;align-items:center;width:100%;height:100%;position:relative;padding:0 8px}.theme-switch-handle{width:28px;height:28px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;left:5px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md);z-index:2}.dark .theme-switch-handle{transform:translate(110px);background-color:var(--color-primary-hover)}.theme-label-text{font-size:.85rem;font-weight:600;color:var(--text-secondary);width:100%;text-align:center;transition:var(--transition-medium);padding-left:20px}.dark .theme-label-text{color:var(--text-primary);padding-left:0;padding-right:25px}.theme-switch-handle svg{font-size:.9rem}.icon-sun{animation:rotate-sun 10s linear infinite}@keyframes rotate-sun{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{display:flex;background-color:var(--bg-primary);transition:var(--transition-medium)}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:transform .3s ease-in-out,background-color .3s ease,border-color .3s ease;z-index:1100}body[data-theme=dark] .sidebar{background:var(--bg-secondary)}.sidebar-header{padding-bottom:1.5rem;border-bottom:1px solid var(--border-primary);margin-bottom:1rem}.logo{display:flex;align-items:center;gap:.75rem;color:var(--color-primary)}.logo h1{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.main-nav{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:12px 16px;border-radius:var(--radius-md);font-weight:500;font-size:1rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);position:relative;background-color:transparent;border:none;width:100%;cursor:pointer}.nav-link.active{color:#fff;background-color:var(--color-primary);font-weight:600;box-shadow:0 4px 12px #6366f14d}.nav-link:not(.active):hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link svg{font-size:1.25rem;min-width:20px}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem}.theme-toggle-container{padding:1rem 0;display:flex;justify-content:center}.profile-link{border-top:1px solid var(--border-primary);padding-top:1rem}.logout-btn{color:var(--text-secondary)}.logout-btn:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.main-content-wrapper{flex-grow:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s ease-in-out;background-color:var(--bg-primary)}.top-bar{position:sticky;top:0;z-index:1000;height:70px;display:flex;align-items:center;padding:0 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-toggle{display:none;font-size:1.5rem;color:var(--text-primary);background:none;border:none;cursor:pointer;z-index:1200}.layout-main-content{padding:2.5rem}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.app-layout.sidebar-open .sidebar{transform:translate(0);box-shadow:var(--shadow-xl)}.main-content-wrapper{margin-left:0}.sidebar-toggle{display:block}}@media(max-width:768px){.layout-main-content{padding:1.5rem}.top-bar{padding:0 1.5rem}}.error-toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;width:min(92vw,420px);pointer-events:none}.error-toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem .95rem;border-radius:12px;border:1px solid var(--color-danger);background:var(--color-danger-light);color:var(--color-danger-hover);box-shadow:0 10px 30px #0000001f;pointer-events:auto}.error-toast-error{border-color:var(--color-danger);background:var(--color-danger-light);color:var(--color-danger-hover)}.error-toast-warning{border-color:var(--color-warning);background:var(--color-warning-light);color:var(--color-warning-hover)}.error-toast-success{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-hover)}.error-toast-icon{margin-top:.1rem;flex-shrink:0}.error-toast-content{flex:1;display:flex;flex-direction:column;gap:.3rem}.error-toast-message{margin:0;font-size:.92rem;line-height:1.35;white-space:pre-wrap}.error-toast-count{align-self:flex-start;font-size:.75rem;font-weight:700;line-height:1;padding:.2rem .42rem;border-radius:999px;background:#00000014}.error-toast-close{border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.15rem;border-radius:6px}.error-toast-close:hover{background:#00000014}@media(max-width:640px){.error-toast-container{left:.75rem;right:.75rem;width:auto}}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-medium),color var(--transition-medium)}#root{display:flex;flex-direction:column;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:20px;border:3px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}:root{--zinc-50: #FAFAFA;--zinc-100: #F4F4F5;--zinc-200: #E4E4E7;--zinc-300: #D4D4D8;--zinc-400: #A1A1AA;--zinc-500: #71717A;--zinc-600: #52525B;--zinc-700: #3F3F46;--zinc-800: #27272A;--zinc-900: #18181B;--zinc-950: #09090B;--light-bg-primary: var(--zinc-50);--light-bg-secondary: #FFFFFF;--light-bg-tertiary: var(--zinc-100);--light-text-primary: var(--zinc-900);--light-text-secondary: var(--zinc-600);--light-text-tertiary: var(--zinc-400);--light-border-primary: var(--zinc-200);--light-border-secondary: var(--zinc-300);--dark-bg-primary: var(--zinc-950);--dark-bg-secondary: var(--zinc-900);--dark-bg-tertiary: var(--zinc-800);--dark-text-primary: var(--zinc-50);--dark-text-secondary: var(--zinc-300);--dark-text-tertiary: var(--zinc-500);--dark-border-primary: var(--zinc-800);--dark-border-secondary: var(--zinc-700);--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-success: #10B981;--color-success-hover: #059669;--color-warning: #F59E0B;--color-warning-hover: #D97706;--color-danger: #EF4444;--color-danger-hover: #DC2626;--light-color-success-bg: #D1FAE5;--light-color-warning-bg: #FEF3C7;--light-color-danger-bg: #FEE2E2;--light-color-primary-bg: #EEF2FF;--light-card-published-bg: #f8fffb;--light-card-draft-bg: #fffcf0;--dark-color-success-bg: rgba(16, 185, 129, .15);--dark-color-warning-bg: rgba(245, 158, 11, .15);--dark-color-danger-bg: rgba(239, 68, 68, .15);--dark-color-primary-bg: rgba(79, 70, 229, .15);--dark-card-published-bg: rgba(16, 185, 129, .04);--dark-card-draft-bg: rgba(245, 158, 11, .04);--color-background: var(--bg-primary);--color-surface: var(--bg-secondary);--color-border: var(--border-primary);--color-text: var(--text-primary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--interactive: var(--color-primary);--light-color-group-bg: var(--zinc-50);--light-color-group-border: var(--zinc-200);--light-color-group-header-bg: var(--zinc-100);--dark-color-group-bg: var(--zinc-900);--dark-color-group-border: var(--zinc-700);--dark-color-group-header-bg: var(--zinc-800);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: all .12s ease-in-out;--transition-medium: all .25s ease-in-out;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}body[data-theme=light]{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--border-primary: var(--light-border-primary);--border-secondary: var(--light-border-secondary);--color-group-bg: var(--light-color-group-bg);--color-group-border: var(--light-color-group-border);--color-group-header-bg: var(--light-color-group-header-bg);--color-success-light: var(--light-color-success-bg);--color-warning-light: var(--light-color-warning-bg);--color-danger-light: var(--light-color-danger-bg);--color-primary-light: var(--light-color-primary-bg);--card-draft-bg: var(--light-card-draft-bg);--card-published-bg: var(--light-card-published-bg)}body[data-theme=dark]{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--border-primary: var(--dark-border-primary);--border-secondary: var(--dark-border-secondary);--color-group-bg: var(--dark-color-group-bg);--color-group-border: var(--dark-color-group-border);--color-group-header-bg: var(--dark-color-group-header-bg);--color-success-light: var(--dark-color-success-bg);--color-warning-light: var(--dark-color-warning-bg);--color-danger-light: var(--dark-color-danger-bg);--color-primary-light: var(--dark-color-primary-bg);--card-draft-bg: var(--dark-card-draft-bg);--card-published-bg: var(--dark-card-published-bg)}.modal-overlay{position:fixed;inset:0;background-color:#09090b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:modalFadeIn .2s ease-out;padding:1.5rem}.modal-content{position:relative;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-height:calc(100vh - 3rem);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition-fast);z-index:10}.modal-close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition-medium);border:1px solid transparent;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px -2px #4f46e566}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px -2px #4f46e580}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary svg,.btn-secondary svg{font-size:1.1em}