@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Nunito:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#f0f9ff;--bg-tertiary:#e0f2fe;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-light:#2563eb14;--accent-yellow:#e0e7ff;--accent-orange:#dbeafe;--accent-peach:#d1fae5;--accent-rose:#fce7f3;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-color:#334155;--border-width:2.5px;--shadow-color:#1e293b;--shadow-sm:3px 3px 0px 0px var(--shadow-color);--shadow-md:5px 5px 0px 0px var(--shadow-color);--shadow-lg:8px 8px 0px 0px var(--shadow-color);--shadow-hover:6px 6px 0px 0px var(--shadow-color);--card-bg:#fff;--card-border:var(--border-width) solid var(--border-color);--dot-color:#64748b40;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark],[data-cosmic-space="1"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--brand-primary:#3b82f6;--brand-primary-hover:#2563eb;--brand-light:#3b82f626;--accent-yellow:#1e3a8a;--accent-orange:#1e40af;--accent-peach:#065f46;--accent-rose:#831843;--success:#10b981;--warning:#d97706;--error:#e11d48;--info:#3b82f6;--border-color:#52525b;--border-width:3px;--shadow-color:#000;--shadow-sm:3px 3px 0px 0px var(--shadow-color);--shadow-md:5px 5px 0px 0px var(--shadow-color);--shadow-lg:8px 8px 0px 0px var(--shadow-color);--shadow-hover:6px 6px 0px 0px var(--brand-primary);--card-bg:#27272a;--card-border:var(--border-width) solid var(--border-color);--dot-color:#94a3b81a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1px);background-size:24px 24px;line-height:1.6;transition:background-color .3s,color .3s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-fallback{flex:1;justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.route-fallback-spinner{border:3px solid var(--border-color,#7f7f7f59);border-top-color:var(--brand-primary,#3b82f6);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite routeFallbackSpin}@keyframes routeFallbackSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-fallback-spinner{animation:none}}@keyframes petJump{0%{transform:translateY(0)scaleX(1)}20%{transform:translateY(-28px)scaleX(.95)}40%{transform:translateY(-48px)scaleX(.9)}55%{transform:translateY(-32px)scaleX(.95)}70%{transform:translateY(-12px)scaleX(1)}85%{transform:translateY(-4px)scaleX(1.02)}to{transform:translateY(0)scaleX(1)}}@keyframes petShadowPulse{0%,to{opacity:.35;transform:scaleX(1)}40%{opacity:.15;transform:scaleX(.5)}}@keyframes petIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes petWiggle{0%,to{transform:rotate(0)scale(1.08)}25%{transform:rotate(-8deg)scale(1.1)}75%{transform:rotate(8deg)scale(1.1)}}@media (width<=600px){.pet-sprite{width:56px!important;height:56px!important}}@keyframes petFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-6px)rotate(-3deg)}66%{transform:translateY(-3px)rotate(3deg)}}@keyframes petBob{0%,to{transform:scaleY(1)scaleX(1)}40%{transform:scaleY(.92)scaleX(1.06)}70%{transform:scaleY(1.04)scaleX(.97)}}@keyframes petSpin{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(5deg)translateY(-4px)}75%{transform:rotate(-5deg)translateY(-4px)}to{transform:rotate(0)translateY(0)}}@keyframes petPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes petShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)rotate(-4deg)}40%{transform:translate(4px)rotate(4deg)}60%{transform:translate(-3px)rotate(-2deg)}80%{transform:translate(3px)rotate(2deg)}}@keyframes petDrip{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(1.06)translateY(2px)}}@keyframes petStomp{0%,to{transform:translateY(0)scaleX(1)}30%{transform:translateY(-8px)scaleX(.95)}60%{transform:translateY(2px)scaleX(1.05)}}@keyframes petSway{0%,to{transform-origin:bottom;transform:rotate(0)}30%{transform-origin:bottom;transform:rotate(6deg)}70%{transform-origin:bottom;transform:rotate(-6deg)}}@keyframes petGlow{0%,to{filter:drop-shadow(0 0 4px var(--pet-glow))}50%{filter:drop-shadow(0 0 10px var(--pet-glow))}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.5rem;font-weight:400;line-height:1.2}a{color:var(--brand-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--brand-primary-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}.app-container{width:100%;min-height:100vh;display:flex}.main-content{transition:margin-left var(--transition);flex-grow:1;margin-left:260px;padding:2rem;overflow-y:auto}@media (width<=1024px){.main-content{margin-left:0;padding:1.5rem}}.glass-panel{background:var(--card-bg);border:var(--card-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:transform .15s,box-shadow .15s}.glass-panel:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.gradient-text{color:var(--brand-primary);-webkit-text-fill-color:var(--brand-primary)}.avatar{border-radius:var(--radius-sm);background:var(--accent-yellow);width:40px;height:40px;color:var(--text-primary);border:2px solid var(--border-color);font-size:.85rem;font-weight:700;font-family:var(--font-body);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-btn{text-transform:uppercase;letter-spacing:.04em;border:var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.nb-btn:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.nb-btn:active{box-shadow:none;transform:translate(2px,2px)}.nb-btn-primary{background:var(--brand-primary);color:#fff}.nb-btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.nb-btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.nb-badge{text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--accent-yellow);color:var(--text-primary);align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.nb-badge-orange{background:var(--accent-orange)}.nb-badge-peach{background:var(--accent-peach)}.nb-badge-red{background:var(--brand-primary);color:#fff}.nb-progress{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:14px;overflow:hidden}.nb-progress-fill{background:var(--brand-primary);height:100%;transition:width .6s}.nb-progress-fill-green{background:var(--success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ef444433}50%{box-shadow:0 0 0 8px #ef44440d}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)translate(2px,2px)}70%{transform:scale(1.02)translate(-1px,-1px)}to{opacity:1;transform:scale(1)translate(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-primary);border-radius:0}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-animate{width:100%;animation:.45s cubic-bezier(.215,.61,.355,1) forwards slideUpFadeIn}.reveal{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1)}.reveal.fade-in{transform:scale(.96)}.reveal.slide-up{transform:translateY(32px)}.reveal.slide-left{transform:translate(32px)}.reveal.slide-right{transform:translate(-32px)}.reveal.reveal-visible{opacity:1;transform:translate(0)scale(1)}.ag-logo-mark img{transition:transform .25s}.landing-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.landing-navbar{z-index:100;border-radius:var(--radius-xl);justify-content:space-between;align-items:center;margin:0;padding:1rem 2rem;display:flex;position:absolute;top:1.5rem;left:2rem;right:2rem}.nav-brand .brand-logo{color:var(--text-primary);font-size:1.5rem;font-weight:800}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--brand-primary)}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-icon-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:var(--transition);box-shadow:2px 2px 0 var(--shadow-color);justify-content:center;align-items:center;font-size:.95rem;display:flex}.theme-icon-btn:hover{background:var(--brand-light);color:var(--brand-primary);box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-1px,-1px)}.btn-login{color:var(--text-primary);font-weight:600}.btn-login:hover{color:var(--brand-primary)}.btn-signup{background:var(--brand-primary);color:#fff;border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-sm);transition:var(--transition);padding:.6rem 1.25rem;font-weight:600}.btn-signup:hover{background:var(--brand-primary-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-main{flex-direction:column;flex:1;display:flex}.landing-footer{border-radius:var(--radius-lg);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2rem;padding:1.25rem 2rem;font-size:.875rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--brand-primary)}.landing-navbar.cosmic,.landing-footer.cosmic{--cxc-ink:#1c1917;--cxc-shadow:#1c1917;--cxc-panel:#ffffffe0;--cxc-text:#0f172a;--cxc-muted:#55637a;--cxc-accent:#2563eb;--cxc-btn-ink:#fff;background:var(--cxc-panel);border:3px solid var(--cxc-ink);box-shadow:5px 5px 0 var(--cxc-shadow);-webkit-backdrop-filter:blur(12px);border-radius:10px}[data-theme=dark] .landing-navbar.cosmic,[data-theme=dark] .landing-footer.cosmic,[data-cosmic-space="1"] .landing-navbar.cosmic,[data-cosmic-space="1"] .landing-footer.cosmic{--cxc-ink:#6c8ac4;--cxc-shadow:#7ec8ff57;--cxc-panel:#090f1ebd;--cxc-text:#eef4ff;--cxc-muted:#b2c4e2d1;--cxc-accent:#6ea8ff;--cxc-btn-ink:#05070f}.landing-navbar.cosmic:hover,.landing-footer.cosmic:hover{box-shadow:5px 5px 0 var(--cxc-shadow);transform:none}.landing-navbar.cosmic .nav-links a{color:var(--cxc-muted);font-family:var(--font-heading);font-weight:700}.landing-navbar.cosmic .nav-links a:hover,.landing-navbar.cosmic .nav-links a.active{color:var(--cxc-accent)}.landing-navbar.cosmic .btn-login{color:var(--cxc-text);font-family:var(--font-heading)}.landing-navbar.cosmic .btn-login:hover{color:var(--cxc-accent)}.landing-navbar.cosmic .theme-icon-btn{background:var(--cxc-panel);border:2px solid var(--cxc-ink);color:var(--cxc-text);box-shadow:3px 3px 0 var(--cxc-shadow);border-radius:6px}.landing-navbar.cosmic .theme-icon-btn:hover{background:var(--cxc-panel);color:var(--cxc-accent);box-shadow:5px 5px 0 var(--cxc-shadow);transform:translate(-2px,-2px)}.landing-navbar.cosmic .theme-icon-btn:active{box-shadow:none;transform:translate(3px,3px)}.landing-navbar.cosmic .btn-signup{background:var(--cxc-accent);color:var(--cxc-btn-ink);border:3px solid var(--cxc-ink);box-shadow:3px 3px 0 var(--cxc-shadow);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;font-weight:800;transition:transform .12s,box-shadow .12s}.landing-navbar.cosmic .btn-signup:hover{background:var(--cxc-accent);color:var(--cxc-btn-ink);box-shadow:5px 5px 0 var(--cxc-shadow);transform:translate(-2px,-2px)}.landing-navbar.cosmic .btn-signup:active{box-shadow:none;transform:translate(3px,3px)}.landing-navbar.cosmic .nav-brand span{color:var(--cxc-text)!important}.landing-navbar.cosmic .nav-brand span span{color:var(--cxc-accent)!important}.landing-footer.cosmic,.landing-footer.cosmic .footer-links a{color:var(--cxc-muted)}.landing-footer.cosmic .footer-links a:hover{color:var(--cxc-accent)}.landing-footer.cosmic .nav-brand span,.landing-footer.cosmic span{color:var(--cxc-text)!important}.landing-footer.cosmic span span{color:var(--cxc-accent)!important}@media (width<=768px){.nav-links{display:none}.landing-navbar{margin:0;padding:1rem;top:.5rem;left:.5rem;right:.5rem}.landing-footer{text-align:center;flex-direction:column;gap:1rem;margin:1rem}}@media (width<=520px){.landing-navbar{gap:.65rem;margin:0;padding:.75rem;top:.5rem;left:.5rem;right:.5rem}.nav-actions{gap:.5rem}.btn-login{display:none}.btn-signup{padding:.58rem .82rem;font-size:.9rem}.theme-icon-btn{width:36px;height:36px}}.pet-root{z-index:9999;-webkit-user-select:none;user-select:none;contain:layout style;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;bottom:24px;right:24px}.pet-hit{cursor:pointer;position:relative}.pet-sprite{width:80px;height:80px;image-rendering:pixelated;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.pet-sprite>svg{width:100%;height:100%;display:block}.pet-sprite--glow{filter:drop-shadow(0 0 8px var(--pet-glow,currentColor))}.pet-swap-btn{border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;width:22px;height:22px;box-shadow:2px 2px 0 var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;animation:.1s fadeIn;display:flex;position:absolute;top:-8px;right:-8px}.pet-shadow{background:#0000002e;border-radius:50%;width:48px;height:6px;margin-top:-8px;transition:transform .2s}.pet-shadow--wide{transform:scaleX(1.2)}.pet-shadow--pulse{animation:.55s forwards petShadowPulse}.pet-bubble{background:var(--card-bg);border:2px solid var(--border-color);white-space:nowrap;box-shadow:3px 3px 0 var(--shadow-color);border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:700;animation:.15s fadeIn;position:relative}.pet-bubble:before,.pet-bubble:after{content:"";width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.pet-bubble:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid var(--border-color);bottom:-7px}.pet-bubble:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--card-bg);bottom:-4px}@media (prefers-reduced-motion:reduce){.pet-sprite,.pet-shadow,.pet-bubble,.pet-swap-btn{animation:none!important}.pet-shadow{transition:none}}.dashboard-wrapper{background-color:var(--bg-primary);background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1px);background-size:24px 24px;width:100%;min-height:100vh;display:flex}.dashboard-sidebar{background:var(--card-bg);border:var(--card-border);width:260px;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);z-index:200;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:1rem;bottom:1rem;left:1rem;overflow:hidden}.dashboard-sidebar.closed{width:72px}.sidebar-header{border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.dashboard-sidebar.closed .sidebar-header{flex-direction:column;justify-content:center;gap:.35rem;padding:1.25rem .5rem 1rem}.sidebar-role-badge{flex-shrink:0;padding:.75rem 1.25rem .5rem}.role-pill{background:var(--accent-yellow);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--shadow-color);align-items:center;padding:.3rem .8rem;font-size:.7rem;font-weight:700;display:inline-flex}.dashboard-sidebar.closed .sidebar-header{justify-content:center;padding:1rem .5rem}.toggle-sidebar-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-primary);box-shadow:2px 2px 0 var(--shadow-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.toggle-sidebar-btn:hover{background:var(--brand-primary);color:#fff;box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-1px,-1px)}.toggle-sidebar-btn:active{box-shadow:none;transform:translate(1px,1px)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex;overflow:hidden auto}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;text-align:left;cursor:pointer;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-body);background:0 0;border:2px solid #0000;align-items:center;gap:.85rem;padding:.7rem 1rem;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);transform:translate(-1px,-1px)}.nav-item.active{background:var(--brand-primary);color:#fff;border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.nav-item .icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.dashboard-sidebar.closed .nav-item{justify-content:center;gap:0;padding:.7rem}.dashboard-sidebar.closed .nav-item .label{display:none}.sidebar-footer{border-top:var(--border-width) solid var(--border-color);flex-shrink:0;padding:.75rem}.sidebar-footer .nav-item{color:var(--error);font-weight:700}.sidebar-footer .nav-item:hover{background:var(--error);color:#fff;border-color:var(--border-color)}.dashboard-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-main.sidebar-open{margin-left:280px}.dashboard-main.sidebar-closed{margin-left:92px}.dashboard-header{background:var(--card-bg);border:var(--card-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 1rem 0;padding:.75rem 1.25rem;display:flex;position:sticky;top:1rem}.header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.header-left h3{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:400;overflow:hidden}.toggle-sidebar-btn-mobile{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;box-shadow:2px 2px 0 var(--shadow-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.header-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.theme-toggle-icon{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;box-shadow:2px 2px 0 var(--shadow-color);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:all .15s;display:flex}.theme-toggle-icon:hover{background:var(--accent-yellow);box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-1px,-1px)}.theme-toggle-icon:active{box-shadow:none;transform:translate(1px,1px)}.notifications{cursor:pointer;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);width:38px;height:38px;box-shadow:2px 2px 0 var(--shadow-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex;position:relative}.notifications:hover{box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-1px,-1px)}.notifications .badge{background:var(--brand-primary);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.user-profile{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);background:0 0;border:2px solid #0000;flex-shrink:0;align-items:center;gap:.55rem;padding:.35rem .6rem;transition:all .15s;display:flex}.user-profile:hover{border-color:var(--border-color);background:var(--bg-tertiary);box-shadow:2px 2px 0 var(--shadow-color)}.user-profile span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.88rem;font-weight:700;overflow:hidden}.user-profile .avatar{padding:0;overflow:hidden}.user-profile .avatar img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.dashboard-content{flex:1;min-width:0;padding:1.25rem 1.25rem 5rem}.dashboard-main :where(h1,h2,h3,h4,h5,h6,.page-title){font-weight:800!important}.sidebar-backdrop{z-index:199;background:#00000073;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=1100px){.dashboard-main.sidebar-open{margin-left:280px}.dashboard-main.sidebar-closed{margin-left:92px}.user-profile span{display:none}}@media (width<=900px){.dashboard-sidebar{box-shadow:var(--shadow-lg);border-radius:0;top:0;bottom:0;left:0;transform:translate(-110%);width:270px!important}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main,.dashboard-main.sidebar-open,.dashboard-main.sidebar-closed{margin-left:0!important}.toggle-sidebar-btn-mobile{display:flex}.toggle-sidebar-btn{display:none}.dashboard-sidebar .nav-item{justify-content:flex-start;gap:.85rem;padding:.7rem 1rem}.dashboard-sidebar .nav-item .label,.dashboard-sidebar .sidebar-role-badge{display:block!important}.dashboard-sidebar.open~.sidebar-backdrop,.sidebar-backdrop.visible{display:block}.dashboard-header{margin:.75rem .75rem 0}.dashboard-content{padding:1rem .75rem 5rem}}@media (width<=600px){.dashboard-header{border-radius:var(--radius-sm);margin:.5rem .5rem 0;padding:.6rem .85rem}.header-left h3{font-size:.95rem}.theme-toggle-icon{min-width:44px;padding:0 .45rem;font-size:.7rem}.dashboard-content{padding:.75rem .5rem 5rem}}@media (width<=400px){.header-right{gap:.4rem}}