@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#070a13;--bg-darker:#03050a;--panel-bg:#0d14268c;--panel-border:#ffffff0f;--panel-border-glow:#3b82f659;--text-main:#f8fafc;--text-muted:#64748b;--text-active:#38bdf8;--primary:#3b82f6;--primary-hover:#2563eb;--accent-purple:#8b5cf6;--accent-neon:#00f2fe;--danger:#f43f5e;--warning:#fbbf24;--success:#10b981;--info:#0ea5e9;--glow-shadow:0 0 20px #3b82f626;--glow-purple:0 0 20px #8b5cf626;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background:radial-gradient(circle at 10% 20%, #8b5cf61a 0%, transparent 40%), radial-gradient(circle at 90% 80%, #3b82f61a 0%, transparent 40%), var(--bg-darker);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{transition:var(--transition-smooth);background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.loading-screen{height:100vh;color:var(--text-active);background-color:var(--bg-darker);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(25px);border:1px solid var(--panel-border);transition:var(--transition-smooth);border-radius:16px;padding:28px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff08}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000080,0 0 15px #3b82f60d}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--panel-border);background:#03050aa6;flex-direction:column;width:280px;padding:32px 24px;display:flex}.sidebar-header{justify-content:center;align-items:center;margin-bottom:40px;display:flex}.sidebar-logo{filter:drop-shadow(0 0 8px #3b82f633);max-width:170px;height:auto}.nav-menu{flex-direction:column;flex:1;gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-muted);transition:var(--transition-smooth);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 18px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff05;transform:translate(4px)}.nav-item.active{color:var(--text-active);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f626;box-shadow:inset 0 0 12px #3b82f60d}.sidebar-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:20px}.btn-logout{opacity:.85;color:var(--danger)!important}.btn-logout:hover{opacity:1;transform:translate(0);background:#f43f5e14!important}.main-content{flex:1;padding:40px 48px;overflow-y:auto}.page-header{margin-bottom:32px;animation:.5s ease-out slide-up}.page-header h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:700}.page-header p{color:var(--text-muted);font-size:.95rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:40px;animation:.6s ease-out fade-in-up;display:grid}.stat-card{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent-purple));opacity:0;width:100%;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.stat-card:hover{transform:translateY(-5px)}.stat-card:hover:after{opacity:1}.stat-card .stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.stat-card .stat-value{color:var(--text-main);letter-spacing:-.03em;text-shadow:0 0 10px #ffffff0d;font-size:2.8rem;font-weight:700;line-height:1}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-success{color:#34d399;background:#10b9811f;border:1px solid #10b98126}.badge-warning{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b26}.badge-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444426}.badge-info{color:#38bdf8;background:#0ea5e91f;border:1px solid #0ea5e926}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--panel-border);padding:18px 24px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.data-table td{font-size:.95rem}.data-table tr{transition:var(--transition-smooth)}.data-table tr:hover{background:#ffffff05}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 20px #8b5cf640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-block{width:100%}.login-wrapper{background:radial-gradient(circle at center, #8b5cf61f 0%, var(--bg-darker) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;border-color:#ffffff14;width:100%;max-width:420px;padding:48px 36px;box-shadow:0 20px 50px #0009}.login-logo{filter:drop-shadow(0 0 10px #3b82f64d);max-width:180px;margin-bottom:24px}.login-header h2{letter-spacing:-.01em;margin-bottom:10px;font-size:1.8rem;font-weight:700}.login-header p{color:var(--text-muted);margin-bottom:32px;font-size:.9rem;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{position:relative}.input-icon-wrapper{border:1px solid var(--panel-border);transition:var(--transition-smooth);background:#ffffff0a;border-radius:12px;align-items:center;padding:0 16px;display:flex}.input-icon-wrapper:focus-within{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #3b82f626}.input-icon{color:var(--text-muted);margin-right:12px}.input-icon-wrapper input{height:52px;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.1rem}.btn-toggle-show{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:8px}.btn-toggle-show:hover{color:var(--text-main)}.login-error{color:#fb7185;text-align:left;background:#f43f5e14;border:1px solid #f43f5e26;border-radius:8px;padding:12px;font-size:.85rem;font-weight:500}.login-footer{color:var(--text-muted);opacity:.7;margin-top:40px;font-size:.72rem}.settings-page{animation:.5s ease-out slide-up}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;display:grid}.settings-card{max-width:600px}.settings-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-card-header h3{font-size:1.25rem;font-weight:600}.icon-accent{color:var(--text-active)}.card-description{color:var(--text-muted);margin-bottom:24px;font-size:.9rem;line-height:1.5}.settings-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-group input{border:1px solid var(--panel-border);height:46px;color:var(--text-main);transition:var(--transition-smooth);background:#ffffff0a;border-radius:10px;outline:none;padding:0 16px;font-family:inherit;font-size:1rem}.form-group input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #3b82f626}.btn-save{align-self:flex-start;margin-top:10px}.notification-banner{border-radius:10px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;font-size:.9rem;font-weight:500;display:flex}.notification-banner.success{color:#34d399;background:#10b98114;border:1px solid #10b98126}.notification-banner.error{color:#fb7185;background:#f43f5e14;border:1px solid #f43f5e26}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-fade-in{animation:.4s ease-out forwards fade-in}.animate-shake{animation:.2s ease-in-out 2 shake}