@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#00f2fe;--secondary:#4facfe;--bg-dark:#0f172a;--bg-darker:#0b1120;--card-bg:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-border:#ffffff1a;--error:#ef4444;--sidebar-width:260px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(at 0 0,#0062ff26 0,#0000 50%),radial-gradient(at 100% 100%,#00ffff1a 0,#0000 50%);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.login-container{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.logo-glow{background:#00f2fe1a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 0 20px #00f2fe33}.login-header h1{letter-spacing:-.5px;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{position:relative}.input-icon{color:var(--text-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input{border:1px solid var(--glass-border);color:#fff;background:#0f172a80;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 48px;transition:all .3s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00f2fe1a}.btn-login{background:linear-gradient(45deg, var(--secondary), var(--primary));color:#0f172a;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px;font-weight:600;transition:transform .2s;display:flex}.btn-login:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.error-msg{color:var(--error);text-align:center;font-size:13px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:12px}.admin-layout{background-color:var(--bg-darker);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-dark);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-logo{height:var(--header-height);letter-spacing:1px;color:var(--text-primary);align-items:center;gap:12px;padding:0 24px;font-size:18px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex}.nav-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--primary);background:#00f2fe1a;font-weight:500}.sidebar-footer{border-top:1px solid var(--glass-border);color:var(--text-secondary);padding:24px;font-size:11px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.main-header{height:var(--header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);z-index:90;background:#0f172acc;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left h2{color:var(--text-primary);font-size:18px;font-weight:600}.header-right{align-items:center;gap:24px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .3s}.icon-btn:hover{color:var(--primary)}.user-profile{border-left:1px solid var(--glass-border);align-items:center;gap:12px;padding-left:24px;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:500}.user-role{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.avatar{background:linear-gradient(45deg, var(--secondary), var(--primary));width:36px;height:36px;color:var(--bg-dark);border-radius:10px;justify-content:center;align-items:center;display:flex}.logout-btn{width:36px;height:36px;color:var(--error);cursor:pointer;background:#ef44441a;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.logout-btn:hover{background:var(--error);color:#fff}.page-body{flex:1;padding:32px}