:root{--background:#000;--foreground:#ededed;--card:#0a0a0a;--card-foreground:#ededed;--popover:#0a0a0a;--popover-foreground:#ededed;--primary:#fff;--primary-foreground:#000;--secondary:#171717;--secondary-foreground:#ededed;--muted:#171717;--muted-foreground:#a1a1aa;--accent:#3b82f6;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#ededed;--border:#ffffff1a;--input:#ffffff1a;--ring:#fff3;--radius:12px}:root.light-theme{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#000;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#3b82f6;--border:#0000001a;--input:#0000001a;--ring:#0003}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6{color:#0f172a!important}.light-theme .sidebar{background:#ffffffb3!important;border-right:1px solid #0000001a!important}.light-theme .header{background:#ffffffb3!important;border-bottom:1px solid #0000001a!important}.light-theme .logo-text,.light-theme .status-text{color:#0f172a!important}.light-theme .search-wrapper{background:#0000000d!important;border:1px solid #0000001a!important}.light-theme .search-wrapper input{color:#0f172a!important}.light-theme .icon-btn,.light-theme .lang-switcher{color:#64748b!important}.light-theme .lang-switcher{background:#00000008!important;border:1px solid #0000001a!important}.light-theme .premium-card{background-image:none!important;box-shadow:0 4px 20px -2px #0000000d!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:#fff;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#333}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#0009}.gradient-text{background:linear-gradient(#fff 0%,#a1a1aa 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.premium-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px -2px #00000080}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-radius:8px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 0 1px #ffffff1a,0 2px 8px #ffffff26}.btn-primary:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 0 0 1px #fff3,0 4px 12px #fff3}.layout-container{background:var(--background);min-height:100vh;display:flex}.main-wrapper{background:radial-gradient(circle at top,#ffffff08 0%,#0000 60%);flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:1400px;margin:0 auto;padding:2.5rem 3rem}@keyframes fadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (max-width:1024px){.content{padding:1.5rem}}.page-header{margin-bottom:2.5rem}.page-title{letter-spacing:-.04em;color:#0000;background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--muted-foreground);font-size:.95rem;font-weight:400}.data-table-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px #0006}.premium-table{border-collapse:collapse;width:100%}.premium-table th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#ffffff05;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.premium-table td{color:#ededed;border-bottom:1px solid var(--border);vertical-align:middle;padding:1.1rem 1.5rem;font-size:.9rem}.premium-table tr:hover td{background:#ffffff05}.badge-premium{letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600}.badge-blue{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-green{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.badge-orange{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-red{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.status-indicator-full{align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.dot-sm{border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000080}.dot-active{background:#10b981;box-shadow:0 0 8px #10b98166}.dot-inactive{background:#555}
.sidebar{z-index:50;-webkit-backdrop-filter:blur(20px);background:#0a0a0a66;border-right:1px solid #ffffff0f;flex-direction:column;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.logo-section{padding:2.25rem 1.5rem}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-icon-bg{color:#000;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 15px #ffffff1a}.logo-text-group{flex-direction:column;display:flex}.logo-main{letter-spacing:-.03em;color:#fff;font-size:1.15rem;font-weight:700;line-height:1.1}.logo-badge{color:#888;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.menu-section{flex-direction:column;flex:1;padding:0 1rem;display:flex}.menu-group-label{color:#666;text-transform:uppercase;letter-spacing:.06em;padding:1.5rem .75rem .5rem;font-size:.7rem;font-weight:700}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-link{color:#a1a1aa;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#fff;background:#ffffff0a}.nav-link.active{color:#fff;background:#ffffff14;font-weight:600;box-shadow:inset 0 1px 1px #ffffff0d}.icon-container{justify-content:center;align-items:center;width:20px;height:20px;transition:none;display:flex}.link-text{letter-spacing:-.01em;flex:1;font-size:.9rem}.menu-divider{background:#ffffff0f;height:1px;margin:1rem .75rem}.sa-tag{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff0f;padding:1.5rem 1rem}.user-profile-card{border-radius:10px;justify-content:space-between;align-items:center;padding:8px;transition:background .2s;display:flex}.user-profile-card:hover{background:#ffffff08}.profile-main{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#111;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:#fff;font-size:.85rem;font-weight:600}.profile-rank{color:#888;font-size:.75rem}.logout-btn{color:#666;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441a}.header{z-index:40;-webkit-backdrop-filter:blur(24px);background:#0006;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;padding:0 3rem;display:flex;position:sticky;top:0}.search-wrapper{color:#888;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;width:320px;padding:8px 14px;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #00000080}.search-wrapper:focus-within{color:#fff;background:#ffffff0d;border-color:#fff3;width:360px}.search-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.search-wrapper input::placeholder{color:#666}.search-shortcut{color:#666;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.7rem;font-weight:600;display:flex}.header-right{align-items:center;gap:20px;display:flex}.system-status{color:#fff;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.action-btns{align-items:center;gap:8px;display:flex}.status-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98199}.icon-btn{color:#888;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.icon-btn:hover{color:#fff;background:#ffffff0d}.lang-switcher{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.lang-switcher:hover{background:#ffffff14}@media (max-width:768px){.sidebar{width:64px}.logo-text-group,.menu-group-label,.link-text,.sa-tag,.profile-info,.logout-btn{display:none}.logo-section{justify-content:center;padding:1.5rem 0;display:flex}.menu-section{padding:0 .5rem}.nav-link{justify-content:center;padding:10px 0}.search-wrapper{width:36px;box-shadow:none;background:0 0;border:none;justify-content:center;padding:0}.search-wrapper:focus-within{width:36px}.search-wrapper input,.search-shortcut{display:none}.header{padding:0 1.5rem}}
.dashboard-content{flex-direction:column;gap:2.5rem;animation:.4s ease-out fadeIn;display:flex}.welcome-banner{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 0 1.5rem;display:flex}.banner-text h1{color:#fff;letter-spacing:-.04em;margin-bottom:.25rem;font-size:1.8rem}.subtitle{color:#888;font-size:.95rem}.date-picker-btn{color:#ededed;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:inset 0 1px 1px #ffffff0d}.date-picker-btn:hover{background:#ffffff0f}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{background-color:var(--card);background-image:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080,0 0 0 1px #ffffff1a}.stat-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-icon-box{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px 2px #ffffff1a}.trend-badge{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.trend-badge.up{color:#34d399}.trend-badge.down{color:#f87171}.stat-label{color:#a1a1aa;margin-bottom:6px;font-size:.85rem;font-weight:500}.stat-number{color:#fff;letter-spacing:-.04em;font-size:2rem;font-weight:700;line-height:1.1}.stat-progress-bg{background:#ffffff14;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.stat-progress-bar{border-radius:2px;height:100%;box-shadow:0 0 10px}.content-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-section,.activity-section{background-color:var(--card);background-image:linear-gradient(#ffffff05 0%,#0000 100%);padding:1.75rem}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.title-group h3{color:#fff;margin-bottom:4px;font-size:1.1rem}.chart-wrapper{gap:16px;height:260px;display:flex}.y-axis{color:#666;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:.75rem;font-weight:500;display:flex}.bars-container{border-bottom:1px solid #ffffff0d;flex:1;justify-content:space-between;align-items:flex-end;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:10px;height:100%;display:flex}.bar-rail{background:0 0;flex-direction:column;flex:1;justify-content:flex-end;width:28px;display:flex;position:relative}.bar-fill{background:linear-gradient(#3b82f6 0%,#3b82f633 100%);border-top:1px solid #60a5fa;border-radius:4px 4px 0 0;width:100%;transition:height .3s;position:relative}.bar-glow{display:none}.bar-month{color:#888;font-size:.75rem;font-weight:500}.activity-feed{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.activity-row{align-items:flex-start;gap:14px;display:flex;position:relative}.activity-row:before{content:"";background:#ffffff0f;width:1px;position:absolute;top:18px;bottom:-18px;left:4px}.activity-row:last-child:before{display:none}.activity-point{z-index:2;border-radius:50%;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 2px #0a0a0a}.activity-msg{color:#ededed;margin-bottom:4px;font-size:.85rem}.activity-msg strong{color:#fff}.activity-time{color:#666;font-size:.75rem}.activity-summary{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-around;padding:1.25rem;display:flex}.summary-item{flex-direction:column;align-items:center;gap:4px;display:flex}.summary-val{color:#fff;font-size:1.2rem;font-weight:700}.summary-lbl{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}@media (max-width:1280px){.content-grid{grid-template-columns:1fr}}@media (max-width:640px){.welcome-banner{flex-direction:column;align-items:flex-start;gap:1rem}}