.notification-bell{position:relative;background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-text);margin-right:var(--space-3)}.notification-bell-badge{position:absolute;top:-4px;right:-6px;background:var(--color-crimson-strong);color:#fff;border-radius:999px;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notification-dropdown{position:absolute;top:100%;right:0;width:340px;max-width:90vw;max-height:420px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:20;margin-top:var(--space-2)}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.notification-item{display:block;padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--fs-sm)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-surface-alt);text-decoration:none}.notification-item.is-unread{background:#d4af370f}.notification-page-item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.notification-page-item.is-unread{border-color:var(--color-gold-strong)}.notifications-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.notification-preference-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.notification-preference-item:last-child{border-bottom:none}.global-search{position:relative;width:100%;max-width:360px}.global-search-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);font-family:inherit;font-size:var(--fs-sm)}.global-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;width:420px;max-width:90vw;max-height:70vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 8px 24px rgba(0, 0, 0, .35));z-index:50;padding:var(--space-2) 0}.global-search-category{padding:var(--space-2) var(--space-3)}.global-search-category-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.global-search-item{display:block;padding:var(--space-1) 0;color:inherit}.global-search-item-title{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-subtitle{font-size:var(--fs-xs);color:var(--color-text-muted)}.global-search-empty{padding:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.push-prompt-overlay{position:fixed;inset:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.push-prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:420px;width:100%;box-shadow:var(--shadow-panel)}.push-prompt-card h2{margin:0 0 var(--space-2);font-size:var(--fs-lg)}.push-prompt-card p{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm)}.push-prompt-message{color:var(--color-text)!important}.push-prompt-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-4)}.push-prompt-footnote{margin:0!important;font-size:var(--fs-xs)!important}.hub-tabs{margin:calc(-1 * var(--space-2)) 0 var(--space-5);border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hub-tabs::-webkit-scrollbar{display:none}.hub-tabs-list{display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none;min-width:max-content}.hub-tabs-link{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.hub-tabs-link:hover{color:var(--color-text);text-decoration:none}.hub-tabs-link.is-active{color:var(--color-gold-strong);border-bottom-color:var(--color-gold)}.hub-tabs-sections{margin-top:0;margin-bottom:var(--space-4)}.hub-tabs-sections .hub-tabs-link{font-family:var(--font-display);letter-spacing:var(--heading-tracking);font-size:var(--fs-sm)}.admin-layout-eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.raid-ops-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-5)}.raid-ops-header h1{margin-bottom:var(--space-3)}.raid-ops-header p{max-width:64ch;margin:0}.raid-ops-selector{display:flex;flex-direction:column;gap:var(--space-1);min-width:min(100%,320px);font-size:var(--fs-sm);color:var(--color-text-muted)}.raid-ops-selector select{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);max-width:100%}.raid-ops-muted{color:var(--color-text-muted);font-size:var(--fs-sm)}.raid-ops-eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.raid-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.raid-ops-card-title,.raid-ops-section-title{font-size:var(--fs-md);margin-bottom:var(--space-3)}.raid-ops-facts{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:var(--space-4) 0}.raid-ops-facts dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.raid-ops-facts dd{margin:0;font-size:var(--fs-lg);font-family:var(--font-display)}.raid-ops-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.raid-ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.raid-ops-list li{display:flex;flex-direction:column}.raid-ops-list a[aria-current=true]{font-weight:700}.raid-ops-table-wrap{overflow-x:auto;margin-bottom:var(--space-3)}.raid-ops-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.raid-ops-table th,.raid-ops-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.raid-ops-table td{text-align:right}.raid-ops-table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.raid-ops-stack{display:flex;flex-direction:column;gap:var(--space-5)}.raid-ops-empty{max-width:560px}@media(max-width:960px){.raid-ops-grid{grid-template-columns:1fr}}.theme-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-content-root{position:relative;z-index:1}.atmosphere-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 8%,var(--atmosphere-glow),transparent 60%),radial-gradient(ellipse at center,transparent 40%,var(--atmosphere-vignette) 100%)}.atmosphere-texture{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.atmosphere-texture:after{content:"";position:absolute;inset:0;background:var(--atmosphere-texture-tint);mix-blend-mode:color}.atmosphere-architecture{position:absolute;left:0;right:0;bottom:0;width:100%;height:200px;color:var(--color-border);opacity:.4}.atmosphere-architecture svg{display:block;width:100%;height:100%}.atmosphere-crest{position:absolute;right:-6%;bottom:-8%;width:min(46vw,640px);height:auto;opacity:var(--atmosphere-crest-opacity);filter:blur(.5px);transform:rotate(-4deg)}.atmosphere-faction-crest{position:absolute;left:-8%;top:-6%;width:min(30vw,420px);height:auto;opacity:0;filter:blur(.5px)}:root[data-theme=horde] .atmosphere-faction-crest.is-horde,:root[data-theme=alliance] .atmosphere-faction-crest.is-alliance{opacity:calc(var(--atmosphere-crest-opacity) * .7)}.atmosphere-particles{position:absolute;inset:0;display:none}@media(prefers-reduced-motion:no-preference){.atmosphere-particles{display:block}}.atmosphere-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--atmosphere-glow-strong);opacity:0;animation:atmosphere-drift 14s ease-in-out infinite}.atmosphere-particle:nth-child(1){left:8%;top:85%;animation-delay:0s;animation-duration:16s}.atmosphere-particle:nth-child(2){left:18%;top:70%;animation-delay:1.5s;animation-duration:13s}.atmosphere-particle:nth-child(3){left:30%;top:90%;animation-delay:3s;animation-duration:18s}.atmosphere-particle:nth-child(4){left:45%;top:75%;animation-delay:4.5s;animation-duration:15s}.atmosphere-particle:nth-child(5){left:58%;top:88%;animation-delay:2s;animation-duration:17s}.atmosphere-particle:nth-child(6){left:68%;top:72%;animation-delay:6s;animation-duration:14s}.atmosphere-particle:nth-child(7){left:78%;top:92%;animation-delay:.8s;animation-duration:19s}.atmosphere-particle:nth-child(8){left:88%;top:68%;animation-delay:3.8s;animation-duration:16s}.atmosphere-particle:nth-child(9){left:95%;top:84%;animation-delay:5.2s;animation-duration:13s}@keyframes atmosphere-drift{0%{opacity:0;transform:translate(0) scale(.8)}15%{opacity:.55}50%{opacity:.3;transform:translate(1.5vw,-6vh) scale(1)}85%{opacity:.5}to{opacity:0;transform:translate(3vw,-12vh) scale(.8)}}.theme-atmosphere[data-accent=command] .atmosphere-crest{opacity:calc(var(--atmosphere-crest-opacity) * 1.5)}.theme-atmosphere[data-accent=war] .atmosphere-architecture{opacity:.55;filter:brightness(.75) contrast(1.1)}.theme-atmosphere[data-accent=cartography] .atmosphere-texture{background-size:260px 260px;opacity:.16}.theme-atmosphere[data-accent=arcane] .atmosphere-vignette{background:radial-gradient(ellipse 55% 40% at 50% 0%,var(--atmosphere-glow-strong),transparent 65%),radial-gradient(ellipse at center,transparent 40%,var(--atmosphere-vignette) 100%)}.theme-atmosphere[data-accent=heraldic] .atmosphere-crest{transform:translate(-4%,4%) rotate(2deg) scale(1.12)}@media(max-width:860px){.atmosphere-architecture,.atmosphere-particles,.atmosphere-faction-crest{display:none}.atmosphere-crest{width:min(70vw,320px);opacity:calc(var(--atmosphere-crest-opacity) * .7)}}:root{--color-bg: #14161c;--color-surface: #1d2029;--color-surface-alt: #262a36;--color-border: #33394a;--color-text: #e9e4d8;--color-text-muted: #9b9788;--color-gold: #c9a227;--color-gold-strong: #e0b93a;--color-emerald: #2f6f5e;--color-emerald-strong: #3d8c76;--color-crimson: #8c3b3b;--color-crimson-strong: #b04a4a;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--heading-weight: 600;--heading-tracking: .02em;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.75rem;--fs-3xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--sidebar-width: 260px;--header-height: 64px;--max-content-width: 1180px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .35);--transition-fast: .15s ease;--transition-base: .22s ease;--atmosphere-glow: rgba(201, 162, 39, .16);--atmosphere-glow-strong: rgba(201, 162, 39, .28);--atmosphere-vignette: rgba(0, 0, 0, .55);--atmosphere-texture-tint: rgba(201, 162, 39, .05);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(233, 228, 216, .06)}:root[data-theme=horde]{--color-bg: #191512;--color-surface: #221c17;--color-surface-alt: #2c241d;--color-border: #3d3226;--color-text-muted: #a89686;--color-gold: #c1531c;--color-gold-strong: #e06a24;--color-emerald: #4a3220;--color-emerald-strong: #7a5230;--heading-weight: 700;--heading-tracking: .04em;--atmosphere-glow: rgba(224, 106, 36, .18);--atmosphere-glow-strong: rgba(224, 106, 36, .32);--atmosphere-vignette: rgba(10, 4, 2, .65);--atmosphere-texture-tint: rgba(224, 106, 36, .06);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(224, 106, 36, .1)}:root[data-theme=alliance]{--color-bg: #12151c;--color-surface: #1a2029;--color-surface-alt: #232b38;--color-border: #303a4d;--color-text-muted: #94a0b8;--color-gold: #3a6fb5;--color-gold-strong: #4f8ad1;--color-emerald: #24406b;--color-emerald-strong: #35578c;--heading-weight: 600;--heading-tracking: .01em;--atmosphere-glow: rgba(79, 138, 209, .18);--atmosphere-glow-strong: rgba(79, 138, 209, .3);--atmosphere-vignette: rgba(2, 4, 10, .6);--atmosphere-texture-tint: rgba(79, 138, 209, .05);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(79, 138, 209, .1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.frame-epic{position:relative;border-color:var(--color-gold);box-shadow:var(--shadow-panel),0 0 0 1px var(--atmosphere-glow)}.frame-epic:before,.frame-epic:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--color-gold-strong);opacity:.7}.frame-epic:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.frame-epic:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.frame-admin{border-color:var(--color-border);background-image:linear-gradient(180deg,var(--panel-edge-highlight),transparent 40%)}.frame-alert{border-color:var(--color-crimson);box-shadow:var(--shadow-panel),inset 0 0 0 1px #b04a4a40}.ui-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-4)}.ui-textarea{width:100%;min-height:120px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:inherit;resize:vertical}.ui-textarea:focus{border-color:var(--color-gold-strong)}.ui-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.ui-toolbar input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);min-width:min(220px,100%)}.ui-page-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap}.ui-page-header h1{margin-bottom:var(--space-1)}.ui-page-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-gold-strong)}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.ui-stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.ui-stat-value{font-size:var(--fs-md);font-weight:600;overflow-wrap:anywhere}.ui-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-actions .btn{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.ui-button-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.ui-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--space-6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:1.2;margin:0 0 var(--space-4)}.app-main h1:first-of-type,.auth-card-header h1,.hero h1{position:relative;padding-bottom:var(--space-4)}.app-main h1:first-of-type:after,.auth-card-header h1:after,.hero h1:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:1px;background:linear-gradient(90deg,var(--color-gold),transparent)}.auth-card-header h1:after,.hero h1:after{left:50%;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.app-main h1:first-of-type:before,.auth-card-header h1:before,.hero h1:before{content:"";position:absolute;left:0;bottom:-3px;width:7px;height:7px;background:var(--color-gold-strong);transform:rotate(45deg)}.auth-card-header h1:before,.hero h1:before{left:50%;transform:translate(-50%) rotate(45deg)}p{margin:0 0 var(--space-4);color:var(--color-text-muted)}a{color:var(--color-gold-strong);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-gold-strong);outline-offset:2px}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-gold);color:#1a1608}.btn-primary:hover{background:var(--color-gold-strong)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.card{position:relative;background:var(--color-surface);background-image:linear-gradient(180deg,var(--panel-edge-highlight),transparent 60px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 1px 0 var(--panel-edge-highlight) inset,0 6px 16px #0003}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);color:var(--color-text-muted)}.field input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-base)}.field input:focus{border-color:var(--color-gold-strong)}.form-error{background:#8c3b3b26;border:1px solid var(--color-crimson);box-shadow:inset 0 0 0 1px #b04a4a40;color:#e5b8b8;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted)}.badge-added{border-color:var(--color-emerald);color:var(--color-emerald-strong)}.badge-changed{border-color:var(--color-gold);color:var(--color-gold-strong)}.badge-fixed{border-color:#4a7ab0;color:#6ea0dd}.badge-security{border-color:var(--color-crimson);color:var(--color-crimson-strong)}.badge-performance{border-color:#4a9d8f;color:#6ec4b5}.badge-removed{border-color:var(--color-text-muted);color:var(--color-text-muted)}.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}.btn-secondary{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-gold-strong)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field select,.field textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-base)}.field select:focus,.field textarea:focus{border-color:var(--color-gold-strong)}.tabular-nums{font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb,var(--color-bg) 82%,var(--color-surface));border-bottom:1px solid var(--color-border)}.app-sidebar{grid-area:sidebar;position:relative;background:linear-gradient(180deg,var(--panel-edge-highlight),transparent 120px),var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);overflow-y:auto}.app-main{grid-area:main;padding:var(--space-6);overflow-y:auto;min-width:0}.app-main>*{max-width:1320px}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.06em;color:var(--color-text)}.sidebar-brand-guild{font-size:var(--fs-xs);color:var(--color-text-muted)}.sidebar-faction-crest{margin-left:auto;flex-shrink:0}.header-race-crest{border-radius:50%}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--color-text);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar-link svg{flex-shrink:0;color:var(--color-text-muted)}.sidebar-link:hover{background:var(--color-surface-alt);text-decoration:none}.sidebar-link.is-active{background:linear-gradient(90deg,var(--atmosphere-glow),transparent 90%),var(--color-surface-alt);color:var(--color-gold-strong);border-left-color:var(--color-gold)}.sidebar-link.is-active svg{color:var(--color-gold-strong)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sidebar-link-secondary{color:var(--color-text-muted);justify-content:space-between}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-menu-dropdown{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:var(--color-border);background:var(--color-surface)}.user-menu-name{font-size:var(--fs-sm);font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-caret{font-size:var(--fs-xs);color:var(--color-text-muted)}.user-menu-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:300;min-width:200px;display:flex;flex-direction:column;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.user-menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--fs-sm);text-align:left;cursor:pointer}.user-menu-item:hover{background:var(--color-surface-alt);text-decoration:none}.user-menu-item:last-child{margin-top:var(--space-1);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;flex-shrink:0}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px}.sidebar-backdrop{display:none}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-main{padding:var(--space-5) var(--space-4)}.mobile-menu-toggle{display:flex}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:200;width:min(280px,84vw);transform:translate(-100%);transition:transform var(--transition-base);box-shadow:4px 0 24px #00000080}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:190}.app-header{padding:0 var(--space-3);gap:var(--space-2)}.user-menu-name,.user-menu-caret{display:none}.global-search{max-width:none;flex:1;min-width:0}}.page-loading{padding:var(--space-6);color:var(--color-text-muted)}