:root{color-scheme:dark;--bg-app: #0b1020;--bg-primary: #0b1020;--bg-secondary: #0f172a;--bg-elevated: rgba(15, 23, 42, .9);--bg-elevated-soft: rgba(30, 41, 59, .8);--card-bg: rgba(15, 23, 42, .7);--card-bg-strong: #0f172a;--border-color: rgba(148, 163, 184, .22);--border-subtle: rgba(148, 163, 184, .12);--text-primary: #e2e8f0;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #22d3ee;--accent-color: #22d3ee;--accent-hover: #06b6d4;--accent-soft: rgba(34, 211, 238, .14);--secondary-color: #84cc16;--secondary-color-hover: #65a30d;--secondary-soft: rgba(132, 204, 22, .14);--primary-color: #22d3ee;--primary-color-hover: #06b6d4;--success-color: #34d399;--error-color: #f87171;--danger: #f97373;--pill-bg: rgba(15, 23, 42, .9);--glow: 0 0 0 1px rgba(34, 211, 238, .08), 0 0 24px rgba(34, 211, 238, .08);--shadow-elevated: 0 12px 30px rgba(2, 6, 23, .45);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 10px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,rgba(34,211,238,.08),transparent 50%),radial-gradient(900px 600px at 90% 10%,rgba(59,130,246,.08),transparent 55%),var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-color)}hr{border:none;border-top:1px solid var(--border-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-color, #3b82f6);color:#fff;padding:8px 16px;text-decoration:none;z-index:1000;border-radius:4px}.skip-link:focus{top:0;position:fixed}*:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.app-root{display:flex;min-height:100vh;position:relative}.mobile-menu-button{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:var(--bg-elevated, #0f172a);border:1px solid var(--border-subtle, #1f2937);border-radius:var(--radius-lg, 12px);padding:12px;cursor:pointer;color:var(--text-main, #f9fafb);transition:all .2s;box-shadow:var(--shadow-elevated, none);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu-button:hover{background:var(--bg-elevated-soft, #111827)}.mobile-menu-button:focus-visible{outline:2px solid var(--accent, #10b981);outline-offset:2px}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px;height:18px}.hamburger span{display:block;width:100%;height:2px;background:var(--text-main, #f9fafb);border-radius:2px;transition:all .3s}.hamburger--open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar{width:260px;background:linear-gradient(180deg,#020617fa,#020617f0 45%,#020617eb);border-right:1px solid var(--border-subtle, #1f2937);padding:20px 16px;display:flex;flex-direction:column;position:relative;z-index:1000;transition:transform .3s ease;box-shadow:var(--shadow-elevated, none)}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle, #1f2937)}.logo-circle{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent, #10b981),var(--accent-hover, #059669));display:flex;align-items:center;justify-content:center;color:#081018;font-weight:800;font-size:18px;box-shadow:var(--glow, none)}.sidebar-title{font-size:18px;font-weight:600;color:var(--text-main, #f9fafb);line-height:1.2}.sidebar-subtitle{font-size:12px;color:var(--text-muted, #9ca3af);line-height:1.2}.nav{flex:1;overflow-y:auto;padding-right:8px}.nav-item{padding:12px 16px;margin-bottom:6px;border-radius:var(--radius-md, 10px);color:var(--text-muted, #9ca3af);font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.nav-item:hover{background:var(--bg-elevated-soft, #111827);color:var(--text-main, #f9fafb);border-color:var(--border-subtle, #1f2937)}.nav-item--active{background:var(--accent-soft, rgba(16, 185, 129, .1));color:var(--accent, #10b981);font-weight:600;border-color:#22d3ee59;box-shadow:var(--glow, none)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle, #1f2937)}.sidebar-user-info{margin-bottom:12px}.sidebar-user-email{font-size:13px;color:var(--text-main, #f9fafb);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:var(--text-muted, #9ca3af);text-transform:capitalize}.sidebar-logout-button{width:100%;padding:10px 16px;background:var(--danger, #f97373);color:#0b1020;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-md, 10px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.sidebar-logout-button:hover{background:#ef4444}.sidebar-footer-label{font-size:11px;color:var(--text-muted, #9ca3af);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sidebar-chip{display:inline-block;padding:4px 8px;background:var(--pill-bg, #111827);border-radius:4px;font-size:11px;color:var(--secondary-color, #84cc16);font-weight:600}.main{flex:1;overflow-x:hidden;overflow-y:auto;background:radial-gradient(900px 500px at 10% 0%,rgba(34,211,238,.06),transparent 45%),radial-gradient(700px 500px at 90% 10%,rgba(59,130,246,.06),transparent 55%),var(--bg-primary, #020617);min-height:100vh}@media(max-width:768px){.mobile-menu-button,.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 8px #0000004d}.sidebar--open{transform:translate(0)}.main{width:100%;margin-left:0;padding:16px}}@media(max-width:640px){.sidebar{width:280px}.main{padding:12px 8px}}.page-placeholder{padding:60px 30px;text-align:center;color:var(--text-muted, #9ca3af);font-size:18px}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.loading-spinner-fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;gap:16px;background:var(--bg-primary, #0f172a)}.loading-spinner-message{color:var(--text-secondary, #cbd5e1);font-size:14px;margin:0;text-align:center}.spinner{display:inline-block;position:relative}.spinner-ring{position:absolute;border:3px solid transparent;border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner--small{width:24px;height:24px}.spinner--small .spinner-ring{width:24px;height:24px;border-width:2px}.spinner--medium{width:40px;height:40px}.spinner--medium .spinner-ring{width:40px;height:40px;border-width:3px}.spinner--large{width:64px;height:64px}.spinner--large .spinner-ring{width:64px;height:64px;border-width:4px}@media(max-width:640px){.loading-spinner-container{padding:20px}.loading-spinner-message{font-size:13px}}.error-boundary{min-height:400px}.section-error-boundary{margin:20px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0)}.error-boundary-content{max-width:600px;width:100%;text-align:center;background:var(--bg-secondary, #1e293b);border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000001a}.error-boundary-icon{font-size:64px;margin-bottom:20px}.error-boundary-title{font-size:24px;font-weight:600;margin:0 0 16px;color:var(--text-primary, #e2e8f0)}.error-boundary-message{font-size:16px;line-height:1.6;margin:0 0 24px;color:var(--text-secondary, #cbd5e1)}.error-boundary-guidance{text-align:left;background:var(--bg-tertiary, #0f172a);border-radius:8px;padding:20px;margin:0 0 32px;border:1px solid var(--border-color, #334155)}.error-boundary-guidance-title{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-primary, #e2e8f0)}.error-boundary-guidance-steps{margin:0;padding-left:20px;color:var(--text-secondary, #cbd5e1);line-height:1.8}.error-boundary-guidance-steps li{margin-bottom:8px}.error-boundary-details{margin:24px 0;text-align:left;background:var(--bg-tertiary, #0f172a);border-radius:8px;padding:16px;border:1px solid var(--border-color, #334155)}.error-boundary-summary{cursor:pointer;font-weight:500;color:var(--text-primary, #e2e8f0);padding:8px;-webkit-user-select:none;user-select:none}.error-boundary-summary:hover{color:var(--accent-color, #3b82f6)}.error-boundary-stack{margin-top:12px;max-height:300px;overflow-y:auto}.error-boundary-pre{font-family:Courier New,monospace;font-size:12px;line-height:1.5;color:var(--text-secondary, #cbd5e1);margin:0;padding:12px;background:var(--bg-primary, #0f172a);border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.error-boundary-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-boundary-button{padding:12px 24px;font-size:16px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--accent-color, #3b82f6);color:#fff}.error-boundary-button:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.error-boundary-button:active{transform:translateY(0)}.error-boundary-button--secondary{background:var(--bg-tertiary, #334155);color:var(--text-primary, #e2e8f0)}.error-boundary-button--secondary:hover{background:var(--bg-hover, #475569);box-shadow:0 4px 8px #0003}@media(max-width:640px){.error-boundary-content{padding:24px}.error-boundary-icon{font-size:48px}.error-boundary-title{font-size:20px}.error-boundary-actions{flex-direction:column}.error-boundary-button{width:100%}}.toast{display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:500px;padding:12px 16px;margin-bottom:12px;border-radius:8px;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;background:var(--bg-elevated, #1f2937);border:1px solid var(--border-subtle, #374151);color:var(--text-main, #f9fafb);font-size:14px;line-height:1.5;animation:toastSlideIn .3s ease-out;position:relative;z-index:1000}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background:#10b98126;border-color:#10b981;color:#6ee7b7}.toast--error{background:#ef444426;border-color:#ef4444;color:#fca5a5}.toast--warning{background:#fbbf2426;border-color:#fbbf24;color:#fde68a}.toast--info{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.toast__content{display:flex;align-items:center;gap:12px;flex:1}.toast__icon{font-size:18px;font-weight:700;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast__message{flex:1;word-wrap:break-word}.toast__close{background:transparent;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;margin-left:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .2s ease;border-radius:4px}.toast__close:hover{opacity:1;background:#ffffff1a}.toast__close:focus{outline:2px solid currentColor;outline-offset:2px}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:0;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast{min-width:280px;max-width:calc(100vw - 40px)}.toast-container{right:10px;top:10px;left:10px}.toast-container>.toast{max-width:100%}}