.login-hub-container{align-items:center;background:#020617;display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;width:100vw}.login-hub-card{align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;padding:48px;width:440px}.login-hub-title{color:#f8fafc;font-size:24px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px;text-align:center}.login-logo-box{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.hub-badge{background:#0086ce1a;border:1px solid #0086ce4d;border-radius:20px;color:#0086ce;font-family:Russo One,sans-serif;font-size:13px;font-weight:900;letter-spacing:3px;padding:4px 14px}.login-hub-subtitle{color:#64748b;font-size:14px;font-weight:500;margin-bottom:30px;text-align:center}.login-hub-form{width:100%}.hub-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.hub-form-group label{color:#475569;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.input-with-icon{position:relative;width:100%}.hub-form-input{background:#020617;border:1px solid #1e293b;border-radius:12px;color:#f8fafc;font-size:15px;outline:none;padding:14px 50px 14px 18px;transition:all .2s;width:100%}.hub-form-input:focus{background:#020617;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.hub-input-masked{color:#0000;letter-spacing:2px;text-shadow:0 0 8px #f8fafce6}.hub-form-input:-webkit-autofill,.hub-form-input:-webkit-autofill:active,.hub-form-input:-webkit-autofill:focus,.hub-form-input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;background-color:#020617!important;-webkit-box-shadow:inset 0 0 0 1000px #020617!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.toggle-eye{align-items:center;background:none;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.toggle-eye:hover{background:#ffffff0d;color:#3b82f6}.hub-forgot-link{color:#3b82f6;font-size:13px;font-weight:600;text-decoration:none}.hub-forgot-link:hover{text-decoration:underline}.hub-btn-login{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .2s;width:100%}.hub-btn-login:hover{background:#2563eb;transform:translateY(-1px)}.hub-login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#fca5a5;font-size:13px;margin-bottom:20px;padding:12px;width:100%}.hub-login-footer{margin-top:32px;text-align:center}.hub-login-footer p{color:#475569;font-size:11px;margin-bottom:12px}.hub-version-tag{background:#020617;border:1px solid #1e293b;border-radius:20px;color:#64748b;display:inline-block;font-size:10px;padding:6px 12px}:root{--hub-bg:#0f172a;--hub-card:#1e293b;--hub-accent:#3b82f6;--hub-text:#f8fafc;--hub-subtext:#94a3b8;--hub-border:#ffffff0d;--hub-success:#22c55e;--hub-warning:#f59e0b;--hub-danger:#ef4444}body{color:#f8fafc;color:var(--hub-text);font-family:Inter,sans-serif;margin:0;overflow:hidden}.hub-layout,body{background-color:#0f172a;background-color:var(--hub-bg)}.hub-layout{display:flex;height:100vh;width:100vw}.hub-sidebar-left{background-color:#020617;border-right:1px solid #ffffff0d;border-right:1px solid var(--hub-border);display:flex;flex-direction:column;padding:24px;width:280px;z-index:10}.sb-logo-section{align-items:center;display:flex;gap:12px;margin-bottom:40px}.sb-brand{display:flex;flex-direction:column}.brand-supaso{font-family:Russo One,sans-serif;font-size:20px;letter-spacing:1px}.brand-admin{color:#3b82f6;color:var(--hub-accent);font-size:10px;font-weight:900;margin-top:-4px}.sb-divider{color:#475569;font-size:10px;font-weight:800;letter-spacing:1.5px;margin:24px 16px 12px;text-transform:uppercase}.sb-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-item,.nav-item-link{align-items:center;background:none;border:none;border-radius:12px;color:#94a3b8!important;color:var(--hub-subtext)!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;text-decoration:none!important;transition:all .2s}.nav-item-link:hover,.nav-item.active,.nav-item:hover{background:#3b82f61a;color:#fff!important}.nav-item.active{background:#3b82f6;background:var(--hub-accent);color:#fff!important}.nav-item-link{background:#3b82f60d;border:1px dashed #3b82f64d;color:#fff!important;margin-top:8px}.sb-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--hub-border);margin-top:auto;padding-top:20px}.user-info{gap:12px;margin-bottom:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#3b82f6;background:var(--hub-accent);border-radius:12px;color:#fff;font-weight:700;height:40px;justify-content:center;width:40px}.user-text p{font-size:14px;font-weight:700;margin:0}.user-text span{color:#94a3b8;color:var(--hub-subtext);font-size:11px}.btn-logout{align-items:center;background:#ef44441a;border:1px solid #ef44441a;border-radius:12px;color:#ef4444;color:var(--hub-danger);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px;width:100%}.hub-main-content{background-color:#0f172a;background-color:var(--hub-bg);display:flex;flex:1 1;flex-direction:column;min-width:0}.hub-topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--hub-border);display:flex;justify-content:space-between;padding:20px 40px}.topbar-left h1{font-size:22px;font-weight:900;letter-spacing:.5px;margin:0}.topbar-left p{color:#94a3b8;color:var(--hub-subtext);font-size:12px;font-weight:500;margin:0}.topbar-right{display:flex;gap:12px}.elegant-select{background:#020617;border:1px solid #1e293b;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:10px 16px}.btn-refresh{align-items:center;background:#3b82f6;background:var(--hub-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.hub-content-scroll{flex:1 1;overflow-y:auto;padding:30px 40px}.hub-kpi-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.hub-card{background-color:#1e293b;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.hub-card-accent{background:linear-gradient(135deg,#1e3a8a,#0f172a);border:none}.kpi-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:12px;text-transform:uppercase}.kpi-value{color:#fff;font-size:38px;font-weight:950;letter-spacing:-1px}.kpi-value.warning{color:#f59e0b;color:var(--hub-warning)}.kpi-value.success{color:#22c55e;color:var(--hub-success)}.kpi-sub{color:#94a3b8;color:var(--hub-subtext);font-size:11px;margin-top:8px}.kpi-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.hub-metric-row{align-items:center;display:flex;justify-content:space-between}.hub-dot{border-radius:50%;height:8px;width:8px}.hub-metric-label{color:#e2e8f0;font-size:13px;font-weight:600}.hub-metric-value{font-weight:800}.hub-card-mini{background:#020617;border:1px solid #1e293b;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:16px 24px}.mini-label{color:#475569;font-size:10px;font-weight:800;letter-spacing:1px}.mini-value{font-size:26px;font-weight:900}.mini-value.success{color:#22c55e;color:var(--hub-success)}.hub-card-link{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:16px;color:#3b82f6;color:var(--hub-accent);cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:16px 24px;transition:all .2s}.hub-card-link:hover{background:#3b82f6;background:var(--hub-accent);color:#fff}.hub-rankings-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.ranking-card h3{align-items:center;color:#94a3b8;color:var(--hub-subtext);display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.5px;margin-bottom:20px}.ranking-card ul{list-style:none;margin:0;padding:0}.ranking-card li{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--hub-border);font-size:14px;gap:12px;padding:12px 16px}.rank-pos,.ranking-card li{align-items:center;display:flex}.rank-pos{background:#ffffff0d;border-radius:6px;color:#94a3b8;color:var(--hub-subtext);font-size:11px;font-weight:900;height:24px;justify-content:center;width:24px}.rank-name{color:#e2e8f0;flex:1 1;font-weight:500}.rank-val{color:#3b82f6;color:var(--hub-accent);font-weight:900}.rank-val.success{color:#22c55e;color:var(--hub-success)}.hub-sidebar-right{background-color:#020617;border-left:1px solid #ffffff0d;border-left:1px solid var(--hub-border);display:flex;flex-direction:column;width:320px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--hub-border);display:flex;gap:12px;padding:24px}.sidebar-header h3{color:#94a3b8;color:var(--hub-subtext);font-size:12px;font-weight:800;letter-spacing:2px;margin:0}.audit-feed{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.audit-log{background:#ffffff05;border-left:4px solid #3b82f6;border-left:4px solid var(--hub-accent);border-radius:12px;padding:12px}.audit-log.danger{border-left-color:#ef4444;border-left-color:var(--hub-danger)}.log-header{display:flex;justify-content:space-between;margin-bottom:4px}.log-time{color:#475569;font-size:10px}.log-user{color:#3b82f6;color:var(--hub-accent);font-size:10px;font-weight:800;text-transform:uppercase}.log-action{color:#e2e8f0;font-size:12px;line-height:1.4}.sidebar-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--hub-border);padding:24px;text-align:center}.version-info{color:#475569;font-size:10px;font-weight:700;letter-spacing:.5px}.hub-section-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.hub-section-header h2{font-size:15px;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase;white-space:nowrap}.hub-section-line{background:#ffffff0d;background:var(--hub-border);flex:1 1;height:1px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.bg-pulse .warning{animation:pulse 2s ease-in-out infinite}
/*# sourceMappingURL=main.61833c68.css.map*/