:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #dee2e6;--text-primary: #212529;--text-secondary: #495057;--border-color: #e9ecef}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .65);--border-color: #3a3a3a}body{margin:0;font-family:v-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.header-title{margin:0;font-size:1.8rem;font-weight:700;text-align:center;color:var(--text-primary)}.header-spacer,.header-actions{flex:1;display:flex;align-items:center}.header-actions{justify-content:flex-end;gap:12px}.theme-toggle{font-size:1.2rem}.theme-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:12px}.username{font-weight:500;color:var(--text-primary)}.main-nav{display:flex;justify-content:center;background-color:var(--bg-tertiary);padding:.5rem;gap:2rem;transition:background-color .3s ease}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s,color .2s}.nav-link:hover,.nav-link.router-link-active{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.content-area{flex:1;padding:20px;background-color:var(--bg-primary)}.view-container{max-width:1200px;margin:0 auto;padding:40px}@font-face{font-family:v-sans;font-weight:400;src:url(/assets/LatoLatin-Regular-Dmlz1U0B.woff2)}@font-face{font-family:v-sans;font-weight:600;src:url(/assets/LatoLatin-Semibold-Dbk81p2D.woff2)}@font-face{font-family:v-mono;font-weight:400;src:url(/assets/FiraCode-Regular-CRwVj4V2.woff2)}