:root{--bg-dark:#020617;--bg-card:#ffffff0d;--border-card:#ffffff1a;--primary:#2d2e83;--primary-rgb:45, 46, 131;--accent-orange:#f9af42;--accent-orange-rgb:249, 175, 66;--accent-red:#e52825;--accent-red-rgb:229, 40, 37;--accent-magenta:#c7017f;--accent-magenta-rgb:199, 1, 127;--accent-cyan:#00b6ed;--accent-cyan-rgb:0, 182, 237;--text-main:#f8fafc;--text-muted:#94a3b8;--error:#e52825;--font-main:"Century Gothic", "Inter", system-ui, -apple-system, sans-serif;--brand-gradient:linear-gradient(135deg, #f9af42 0%, #c7017f 50%, #2d2e83 100%)}:root[data-theme=white]{--bg-dark:#f8fafc;--bg-card:#fff;--border-card:#0000001a;--text-main:#0f172a;--text-muted:#64748b}:root[data-theme=premium]{--bg-dark:#0f0f0f;--bg-card:linear-gradient(145deg, #181818, #111);--border-card:#d4af3766;--text-main:#fcfcfc;--text-muted:#a3a3a3;--primary:#d4af37;--primary-rgb:212, 175, 55;--accent-orange:#f8e19c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}.premium-container{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.bg-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.blur-1{background:#3b82f633;width:40%;height:40%;top:-10%;left:-10%}.blur-2{background:#a855f733;width:40%;height:40%;bottom:-10%;right:-10%}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-card);z-index:1;border-radius:1.5rem;width:100%;max-width:450px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.form-group{margin-bottom:1.5rem}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon{color:#64748b;width:1.25rem;height:1.25rem;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-field{color:#fff;background:#0f172a80;border:1px solid #ffffff0d;border-radius:.75rem;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #3b82f61a}.input-field:focus+.input-icon{color:var(--primary)}.btn-primary{background:linear-gradient(to right, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 20px -3px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-msg{color:#fb7185;text-align:center;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem}.logo-wrapper{background:linear-gradient(to top right, var(--primary), var(--secondary));border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 10px 15px -3px #3b82f64d}.app-shell{background-color:var(--bg-dark);height:100vh;color:var(--text-main);display:flex}.sidebar{border-right:1px solid var(--border-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a80;flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{align-items:center;gap:1rem;padding:1.5rem;display:flex}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-link{color:var(--text-muted);border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #3b82f64d}.sidebar-footer{border-top:1px solid var(--border-card);padding:1rem}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#020617cc;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.content-area{flex:1;padding:2rem;overflow-y:auto}.avatar-small{border:1px solid var(--border-card);background:#1e293b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.avatar-small img{object-fit:cover;width:100%;height:100%}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (width>=768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.grid-4{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1rem;padding:1.5rem;transition:transform .3s}.stat-card:hover{transform:translateY(-4px)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-accent{color:var(--accent-orange)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.bg-primary{background-color:var(--primary)}.bg-primary-light{background-color:rgba(var(--primary-rgb), .1)}.bg-accent{background-color:var(--accent-orange)}.bg-card{background-color:var(--bg-card)}.border-primary{border-color:var(--primary)}.border-card{border-color:var(--border-card)}.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-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.h-full{height:100%}.w-8{width:2rem}.h-8{height:2rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.object-cover{object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.border-collapse{border-collapse:collapse}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:none}.mobile-menu-toggle:hover{background:#ffffff0d}.mobile-close-btn{border:1px solid var(--border-card);color:#fff;cursor:pointer;z-index:55;background:#ffffff08;border-radius:.5rem;padding:.5rem;transition:all .2s;display:none;position:absolute;top:1.5rem;right:1.5rem}.mobile-close-btn:hover{color:var(--accent-orange);background:#ffffff14}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:45;background:#020617b3;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-secondary{border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{color:#fff;background:#ffffff17;border-color:#ffffff2e}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}@media (width<=1023px){.mobile-menu-toggle{display:flex}.sidebar{z-index:50;background:#0f172af2;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #000c}.sidebar.open{transform:translate(0)}.top-bar{padding:0 1rem}.content-area{padding:1.25rem 1rem}.responsive-table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-card);background:var(--bg-card);border-radius:.75rem;width:100%;margin-bottom:1.5rem;overflow-x:auto}.grid-3{grid-template-columns:1fr;gap:1rem}}