:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--sidebar-bg: #8b5cf6;--secondary: #f8fafc;--accent: #a78bfa;--background: #f1f5f9;--surface: #ffffff;--surface-light: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--error: #ef4444;--success: #10b981;--glass: rgba(255, 255, 255, .95);--glass-border: rgba(226, 232, 240, .8);--radius-xl: 32px;--radius-lg: 20px;--shadow-premium: 0 10px 30px rgba(139, 92, 246, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--sidebar-collapsed-width: 70px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:Outfit,Inter,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;min-height:100vh;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.animate-fadeIn{animation:fadeIn .8s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .5s ease-out forwards}.glass-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 1px 2px #0000001a,0 4px 12px #0000000d}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.input-group input{width:100%;padding:.8rem 1rem;background:var(--surface-light);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-main);outline:none;transition:var(--transition)}.input-group input:focus{border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 2px #1877f21a}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent),radial-gradient(circle at bottom left,rgba(245,158,11,.05),transparent)}.login-glass-card{width:100%;max-width:440px;padding:3rem}.login-header{text-align:center;margin-bottom:2.5rem}.logo-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}.login-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1c1e21}.login-header p{color:var(--text-muted);font-size:.95rem}.forgot-password{text-align:right;margin-bottom:1.5rem}.forgot-password a{color:var(--primary);text-decoration:none;font-size:.85rem;font-weight:500;transition:var(--transition)}.forgot-password a:hover{color:var(--primary-hover);text-underline-offset:4px;text-decoration:underline}.login-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600}.sidebar{transition:var(--transition)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label-premium,.sidebar.collapsed .sidebar-help-card{display:none}.sidebar.collapsed .sidebar-header{padding:1.5rem 0;flex-direction:column;gap:1.25rem}.sidebar.collapsed .sidebar-logo{justify-content:center;width:100%}.sidebar.collapsed .sidebar-toggle-btn-premium{margin:0 auto}.sidebar.collapsed .nav-link-premium{justify-content:center;padding:.75rem 0;margin:.25rem .75rem;border-radius:12px}.sidebar.collapsed .nav-icon-box{font-size:1rem;margin:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .25s ease}.sidebar.collapsed .nav-link-premium:hover .nav-icon-box{background:#f1f2f5;transform:scale(1.1)}.sidebar.collapsed .nav-link-premium.active .nav-icon-box{background:rgba(139,92,246,.1);box-shadow:0 4px 12px #8b5cf614}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem;align-items:center}.sidebar.collapsed .logout-btn-premium{justify-content:center;padding:.75rem 0}.sidebar-header{padding:.75rem .65rem;display:flex;justify-content:space-between;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:1rem}.logo-box{width:32px;height:32px;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:1.1rem}.logo-text{font-size:1rem;font-weight:700;color:var(--text-main)}.sidebar-toggle-btn-premium{background:#f1f2f5;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-toggle-btn-premium:hover{background:#e4e6eb;transform:scale(1.05)}.hamburger-icon-styled{width:18px;height:12px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon-styled span{width:100%;height:2px;background:var(--text-main);border-radius:2px;transition:all .2s ease}.sidebar.collapsed .hamburger-icon-styled span:nth-child(2){width:60%}.sidebar-nav{padding:.25rem .5rem;overflow-y:auto}.sidebar-nav ul{list-style:none}.nav-link-premium{display:flex;align-items:center;gap:.25rem;padding:.1rem .25rem;color:var(--text-main);text-decoration:none;border-radius:6px;margin-bottom:0;font-weight:700;font-size:.72rem;transition:var(--transition)}.nav-link-premium:hover{background:#f1f2f5;color:var(--primary)}.nav-link-premium.active{background:rgba(139,92,246,.1);color:var(--primary)}.nav-icon-box{font-size:.95rem;min-width:16px;display:flex;align-items:center;justify-content:center}.sidebar-footer{margin-top:auto;padding:.85rem .5rem;display:flex;flex-direction:column;gap:.75rem}.sidebar-help-card{background:#f8fafc;padding:1.25rem;border-radius:20px;border:1px solid #e2e8f0}.sidebar-help-card p{font-size:.85rem;font-weight:800;margin-bottom:4px;color:var(--text-main)}.sidebar-help-card span{font-size:.75rem;color:var(--text-muted);line-height:1.3}.logout-btn-premium{display:flex;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;color:#ef4444;background:none;border:none;width:100%;cursor:pointer;border-radius:16px;font-weight:700}.dashboard-layout{display:flex;min-height:100vh;background:var(--background);color:var(--text-main);padding-left:var(--sidebar-width);transition:padding .4s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,sans-serif}.dashboard-layout.collapsed{padding-left:var(--sidebar-collapsed-width)}.dashboard-main{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 2rem 2.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff;padding:.75rem 1.75rem;border-bottom:2px solid #f0f2f5;box-shadow:0 4px 12px #00000008;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1.5rem}.menu-toggle-premium{background:#f1f2f5;border:1px solid #e4e6eb;width:38px;height:38px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#1c1e21;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.menu-toggle-premium:hover{background:#e4e6eb;transform:scale(1.05)}.header-title-group h1{line-height:1.1}.header-right{display:flex;align-items:center}.user-profile-premium{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem .4rem .5rem;background:linear-gradient(135deg,rgba(24,119,242,.08),rgba(24,119,242,.02));border:1.5px solid rgba(24,119,242,.15);border-radius:16px;cursor:pointer;transition:all .25s ease}.user-profile-premium:hover{background:rgba(24,119,242,.12);border-color:#1877f24d;box-shadow:0 6px 20px #0000000f}.profile-avatar-box{width:42px;height:42px;border-radius:14px;background:#1877f2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 8px 16px #1877f233}.profile-text-content{display:flex;flex-direction:column}.profile-username{font-size:.85rem;font-weight:800;color:#1c1e21}.profile-status-tag{font-size:.65rem;font-weight:700;color:#65676b;text-transform:uppercase;letter-spacing:.5px}.dashboard-page{display:flex;flex-direction:column;gap:2.5rem}.dashboard-page{display:flex;flex-direction:column;gap:2rem}.welcome-hero-premium{background:var(--primary-gradient);border-radius:var(--radius-xl);padding:3rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 20px 40px #8b5cf626;position:relative;overflow:hidden}.hero-content{max-width:65%;position:relative;z-index:2}.hero-title{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-1px}.hero-subtitle{font-size:1rem;opacity:.85;line-height:1.6;margin-bottom:2.5rem}.weather-widget{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 2rem;border-radius:20px;display:inline-flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.2)}.weather-widget .temp{font-size:2rem;font-weight:800}.weather-info span{display:block;font-size:.85rem;font-weight:700}.weather-info small{font-size:.75rem;opacity:.8}.hero-visual{font-size:9rem;opacity:.8;transform:rotate(15deg) translateY(10px);filter:drop-shadow(0 0 30px rgba(255,255,255,.2))}.stats-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.stat-card-premium{background:white;padding:1.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.5rem;border:1px solid #f1f5f9;transition:var(--transition);box-shadow:var(--shadow-premium)}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 15px 35px #8b5cf61a}.stat-icon-circle-premium{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center}.stat-info-premium h3{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-bottom:2px}.stat-info-premium p{font-size:.7rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.quick-console-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.25rem}.quick-control-card{background:white;padding:1.5rem 1rem;border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:1rem}.quick-control-card:hover{transform:translateY(-4px);background:#fdfdfd;border-color:var(--primary);box-shadow:0 12px 30px #8b5cf614}.card-icon-circle-premium{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto}.control-label-premium{font-size:.7rem;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px}.activity-feed-premium{background:white;padding:2.25rem;border-radius:var(--radius-lg);border:1px solid #f1f5f9;box-shadow:var(--shadow-premium)}.table-premium{width:100%;border-collapse:collapse}.table-premium th{text-align:left;padding:1rem;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid #f8fafc;letter-spacing:.5px}.table-premium td{padding:1.25rem 1rem;font-size:.9rem;color:var(--text-main);border-bottom:1px solid #f8fafc}.badge-premium{padding:.45rem .9rem;border-radius:12px;font-size:.75rem;font-weight:800;text-transform:uppercase;display:inline-block}.badge-premium.pending{background:#fff7ed;color:#f59e0b}.badge-premium.running{background:#f0fdf4;color:#10b981}.badge-premium.complete{background:#eef2ff;color:#6366f1}.activity-details p{font-size:.9rem;font-weight:500;color:var(--text-main);margin-bottom:.25rem}.activity-details span{font-size:.75rem;color:var(--text-muted)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;animation:fadeIn .3s ease}@media (max-width: 1024px){.dashboard-layout{padding-left:0!important}.sidebar{transform:translate(-100%);box-shadow:10px 0 30px #00000080!important;left:0!important;top:0!important;border-radius:0!important;height:100vh!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.dashboard-main{padding:1rem}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-actions{width:100%;justify-content:space-between}}.admin-theme{background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.2),transparent),radial-gradient(circle at 100% 100%,rgba(245,158,11,.08),transparent)}.admin-logo{filter:drop-shadow(0 0 15px rgba(245,158,11,.3))}.demo-box{display:flex;flex-direction:column;align-items:center;padding:1rem;background:rgba(255,255,255,.03);border:1px dashed var(--glass-border);border-radius:12px;cursor:pointer;transition:var(--transition)}.demo-box:hover{background:rgba(255,255,255,.08);border-color:var(--primary);transform:translateY(-2px)}.demo-label{font-weight:700;color:#fff;font-size:.9rem}.demo-hint{font-size:.75rem;color:var(--text-muted)}.admin-dashboard-page{display:flex;flex-direction:column;gap:2.5rem}.admin-stats-strip{padding:1.5rem 2rem;margin-bottom:2rem}.strip-header{display:flex;justify-content:space-between;margin-bottom:1rem}.live-badge{background:rgba(34,197,94,.1);color:#22c55e;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.strip-item{display:flex;align-items:center;gap:1rem}.strip-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.strip-info{display:flex;flex-direction:column}.strip-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.strip-info .strip-value{font-size:1rem;font-weight:700;color:#fff}.admin-sidebar-premium{border-right:1px solid rgba(24,119,242,.1)!important;background:var(--surface)}.admin-shield{filter:drop-shadow(0 0 10px rgba(245,158,11,.4))}.admin-sidebar-premium .nav-link.active{background:rgba(24,119,242,.12);border-right:3px solid var(--primary);color:var(--primary)}.admin-sidebar-premium .nav-link:hover{color:#f59e0b}.admin-layout-shell{background:#f0f2f5}.admin-header{border-left:4px solid var(--accent)!important;background:rgba(30,41,59,.6)!important}.admin-badge{background:var(--accent)!important}.status-indicator{font-weight:700;font-size:.8rem;text-transform:uppercase}.status-indicator.online{color:#22c55e}.status-badge.pending{background:rgba(245,158,11,.15)!important;color:#f59e0b!important}.status-badge.running{background:rgba(34,197,94,.15)!important;color:#22c55e!important}.status-badge.complete,.status-badge.completed{background:rgba(99,102,241,.15)!important;color:#6366f1!important}.section-header p{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.file-label{font-size:.85rem;color:var(--text-muted);background:rgba(255,255,255,.05);padding:.25rem .6rem;border-radius:6px;display:inline-block}.quick-card{transition:all .25s ease!important}.quick-card:hover{transform:translateY(-4px)!important;background:#f1f2f5!important;box-shadow:0 10px 25px #0000001a!important;border-top-width:6px!important}.refresh-btn-premium,.btn-secondary-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn-premium:hover{background:#f8fafc!important;border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf61f!important}.btn-secondary-premium:hover{background:#e2e8f0!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.refresh-btn-premium:active,.btn-secondary-premium:active{transform:translateY(0)}