:root{--bg-base: #0D0D0D;--bg-surface: #141414;--bg-elevated: #1A1A1A;--bg-overlay: #202020;--bg-hover: #252525;--border: #2A2A2A;--border-strong: #363636;--border-focus: #F5C518;--yellow: #F5C518;--yellow-dim: #C9A114;--yellow-muted: rgba(245, 197, 24, .12);--yellow-subtle: rgba(245, 197, 24, .06);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #666666;--text-disabled: #404040;--text-yellow: #F5C518;--red: #E53E3E;--red-muted: rgba(229, 62, 62, .12);--green: #38A169;--green-muted: rgba(56, 161, 105, .12);--blue: #4299E1;--blue-muted: rgba(66, 153, 225, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .813rem;--text-base: .938rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-yellow: 0 0 20px rgba(245, 197, 24, .15);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--skeleton-base: #1E1E1E;--skeleton-shine: #282828}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-primary);background-color:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--yellow);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--yellow-dim)}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--yellow-muted);color:var(--yellow)}@keyframes skeleton-pulse{0%{background-color:var(--skeleton-base)}50%{background-color:var(--skeleton-shine)}to{background-color:var(--skeleton-base)}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--skeleton-base);border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-shine) 50%,transparent 100%);animation:skeleton-wave 1.5s ease-in-out infinite}.skeleton-text{height:14px}.skeleton-title{height:22px}.skeleton-input,.skeleton-btn{height:44px}.skeleton-avatar{border-radius:var(--radius-full)!important}.skeleton-card{height:120px}.skeleton-stat{height:90px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-yellow{color:var(--yellow)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-mono{font-family:var(--font-mono)}.divider{height:1px;background:var(--border);border:none;width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase}.badge-yellow{background:var(--yellow-muted);color:var(--yellow)}.badge-green{background:var(--green-muted);color:var(--green)}.badge-red{background:var(--red-muted);color:var(--red)}.badge-blue{background:var(--blue-muted);color:var(--blue)}.badge-muted{background:var(--bg-overlay);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s var(--transition-base) both}.animate-slideIn{animation:slideIn .25s ease both}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.focus-ring:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}:root{--text-3xl: 1.5rem;--text-4xl: 1.875rem}}@media(max-width:900px){.desktop-sidebar{display:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-surface)}