@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,600&family=Barlow+Condensed:wght@600;700&family=IBM+Plex+Sans:wght@400;500&family=Inter:wght@300;400;500;600;700&display=swap";:root{--sidebar-width: clamp(200px, 13vw, 260px);--header-height: clamp(68px, 10vh, 108px);--footer-height: clamp(30px, 7vh, 60px);--sidebar-logo-h: clamp(68px, 10vh, 108px);--sidebar-profile-h: clamp(124px, 13.52vh, 160px);--sidebar-px: clamp(12px, 1.042vw, 20px);--header-px: clamp(20px, 1.667vw, 32px);--content-px: clamp(20px, 1.667vw, 32px);--content-py: clamp(18px, 1.458vw, 28px);--avatar-logo: clamp(32px, 2.083vw, 40px);--avatar-profile: clamp(36px, 2.292vw, 44px);--sidebar: #1A1A2E;--sidebar-lt: #252540;--sidebar-bd: #2E2E4A;--gold: #F5A623;--gold-lt: #F7B84B;--gold-pale: #FEF3DC;--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #F8F9FC;--blue: #4C74FF;--blue-pale: #EEF2FF;--blue-hover: #3A5FE0;--purple: #7C3AED;--purple-pale: #EDE9FE;--green: #2ECC87;--green-pale: #E8F9F1;--amber: #F5C842;--amber-pale: #FFFBE8;--red: #EF4444;--red-pale: #FEE2E2;--red-hover: #D63030;--t1: #1A1A2E;--t2: #3D4460;--t3: #7B859A;--t4: #B0B8CC;--border: #E4E8F0;--border-dk: #C8D0E0;--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-barlow: "Barlow", sans-serif;--font-condensed: "Barlow Condensed", sans-serif;--font-mono: "IBM Plex Sans", monospace;--font-size-xs: clamp(10px, .573vw, 11px);--font-size-sm: clamp(11px, .625vw, 12px);--font-size-md: clamp(12px, .729vw, 14px);--font-size-lg: clamp(14px, .833vw, 16px);--font-size-xl: clamp(15px, .938vw, 18px);--font-size-2xl: clamp(18px, 1.146vw, 22px);--space-1: clamp(3px, .208vw, 4px);--space-2: clamp(6px, .417vw, 8px);--space-3: clamp(10px, .625vw, 12px);--space-4: clamp(12px, .833vw, 16px);--space-5: clamp(16px, 1.042vw, 20px);--space-6: clamp(18px, 1.25vw, 24px);--space-8: clamp(24px, 1.667vw, 32px);--space-10: clamp(30px, 2.083vw, 40px);--ui-btn-height: 38px;--ui-btn-px: 20px;--ui-focus-ring-size: 3px;--error-code-size: clamp(64px, 4.167vw, 80px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .14);--z-sidebar: 100;--z-header: 110;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--ease-default: .2s ease;--ease-fast: .15s ease;--ease-slow: .35s ease}.fade-enter-active,.fade-leave-active{transition:opacity var(--ease-default)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:opacity var(--ease-default),transform var(--ease-default)}.slide-left-enter-from{opacity:0;transform:translate(16px)}.slide-left-leave-to{opacity:0;transform:translate(-16px)}.modal-overlay-enter-active,.modal-overlay-leave-active{transition:opacity var(--ease-default)}.modal-overlay-enter-from,.modal-overlay-leave-to{opacity:0}.modal-panel-enter-active,.modal-panel-leave-active{transition:opacity var(--ease-default),transform var(--ease-default)}.modal-panel-enter-from,.modal-panel-leave-to{opacity:0;transform:translateY(-12px) scale(.97)}.toast-enter-active,.toast-leave-active{transition:opacity var(--ease-fast),transform var(--ease-fast)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(24px)}.dropdown-enter-active,.dropdown-leave-active{transition:opacity var(--ease-fast),transform var(--ease-fast)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-6px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-base);font-size:var(--font-size-md);color:var(--t2);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--t1);font-weight:600;line-height:1.3}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-base)}input,select,textarea{font-family:var(--font-base);font-size:var(--font-size-md)}img{display:block;max-width:100%}ul,ol{list-style:none}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;height:var(--ui-btn-height);padding:0 var(--ui-btn-px);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;line-height:1;text-decoration:none;transition:all var(--ease-fast)}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--ui-focus-ring-size) var(--blue-pale)}.ui-btn--ghost{border:1px solid var(--border);background:var(--surface);color:var(--t2)}.ui-btn--ghost:hover{border-color:var(--border-dk);background:var(--surface-2);color:var(--t2)}.ui-btn--primary{border:none;background:var(--blue);color:#fff}.ui-btn--primary:hover{background:var(--blue-hover);color:#fff}.ui-btn--danger{border:none;background:var(--red);color:#fff}.ui-btn--danger:hover{background:var(--red-hover);color:#fff}.ui-state-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-3);padding:var(--space-8);background:var(--bg);text-align:center}.ui-state-page__code{font-size:var(--error-code-size);font-weight:800;line-height:1}.ui-state-page__message{font-size:var(--font-size-lg);color:var(--t2)}.ui-state-page__sub{font-size:var(--font-size-sm);color:var(--t3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dk);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--t4)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-bd)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--sidebar-lt)}