@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-primary:#06090f;--bg-secondary:#0d1320;--bg-glass:rgba(13,19,32,.65);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#0ea5e9;--accent-hover:#38bdf8;--accent-glow:rgba(14,165,233,.4);--danger:#ef4444;--danger-hover:#f87171;--danger-glow:rgba(239,68,68,.4);--success:#10b981;--success-glow:rgba(16,185,129,.4);--warning:#f59e0b;--warning-glow:rgba(245,158,11,.4);--border:rgba(14,165,233,.15);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:linear-gradient(rgba(14,165,233,.03) 1px,transparent 0),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 0);background-size:40px 40px;z-index:-2}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:linear-gradient(180deg,transparent 50%,rgba(14,165,233,.02) 51%,transparent 52%);background-size:100% 8px;z-index:-1;animation:scanlines 10s linear infinite;opacity:.6}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100vh}}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:.5px}.app-container{height:100vh;z-index:1}.app-container,.sidebar{display:flex;position:relative}.sidebar{width:280px;background:rgba(6,9,15,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);flex-direction:column;transition:var(--transition);overflow:hidden}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);opacity:.5;animation:pulseGlow 4s infinite alternate}@keyframes pulseGlow{0%{opacity:.2;transform:scaleY(.9)}to{opacity:.7;transform:scaleY(1.1);box-shadow:0 0 15px var(--accent-primary)}}.sidebar-header{padding:32px 24px 24px}.sidebar-logo{display:block;font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow);font-family:Outfit,sans-serif;letter-spacing:2px;text-transform:uppercase}.sidebar-subtitle{font-size:.65rem;color:var(--accent-primary);margin-top:6px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.sidebar-footer{padding:20px 24px;border-top:1px solid var(--border);background:rgba(14,165,233,.02)}.sidebar-version{font-size:.7rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;letter-spacing:1px;text-transform:uppercase}.sidebar-version:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.nav-links{list-style:none;padding:0 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.nav-link{text-decoration:none;color:var(--text-secondary);padding:12px 16px;border-radius:var(--radius-sm);transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:12px;font-size:.9rem;position:relative;overflow:hidden;border:1px solid transparent}.nav-icon{font-size:1.1rem;width:24px;text-align:center;color:var(--accent-primary);opacity:.7}.nav-link:hover{background-color:rgba(14,165,233,.05);color:var(--text-primary);border-color:rgba(14,165,233,.2)}.nav-link:hover .nav-icon{opacity:1;text-shadow:0 0 8px var(--accent-glow);transform:scale(1.1)}.nav-link.active{background:linear-gradient(90deg,rgba(14,165,233,.15),transparent);color:#fff;font-weight:600;border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-link.active .nav-icon{opacity:1;text-shadow:0 0 10px var(--accent-primary)}.main-content{flex:1 1;overflow-y:auto;padding:40px;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.08),transparent 40%),radial-gradient(circle at 20% 80%,rgba(16,185,129,.03),transparent 40%);animation:bgShift 15s ease-in-out infinite alternate}@keyframes bgShift{0%{background-position:0 0}to{background-position:100% 100%}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:24px}.page-title{font-size:2.25rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 20px rgba(14,165,233,.02);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 0 20px rgba(14,165,233,.05);border-color:rgba(14,165,233,.3)}.glass-card:after,.glass-card:before{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--accent-primary);pointer-events:none;opacity:.5;transition:var(--transition)}.glass-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.glass-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.glass-card:hover:after,.glass-card:hover:before{opacity:1;box-shadow:0 0 8px var(--accent-primary)}.btn{padding:10px 24px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:Outfit,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:.85rem;text-decoration:none;position:relative;overflow:hidden}.btn,.btn:after{transition:var(--transition)}.btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);transform:rotate(45deg) translateY(-100%)}.btn:hover:not(:disabled):after{transform:rotate(45deg) translateY(100%);transition:transform .6s ease-in-out}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.btn-primary{background-color:rgba(14,165,233,.1);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:inset 0 0 10px rgba(14,165,233,.2)}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-danger{background-color:transparent;color:var(--danger);border-color:rgba(239,68,68,.3)}.btn-danger:hover{box-shadow:0 0 15px var(--danger-glow) inset}.btn-danger-solid,.btn-danger:hover{background-color:rgba(239,68,68,.1);border-color:var(--danger)}.btn-danger-solid{color:var(--danger)}.btn-danger-solid:hover{background-color:var(--danger);color:#fff;box-shadow:0 0 20px var(--danger-glow)}.btn-warning{background-color:transparent;color:var(--warning);border-color:rgba(245,158,11,.3)}.btn-warning:hover{box-shadow:0 0 15px var(--warning-glow) inset}.btn-warning-solid,.btn-warning:hover{background-color:rgba(245,158,11,.1);border-color:var(--warning)}.btn-warning-solid{color:var(--warning)}.btn-warning-solid:hover{background-color:var(--warning);color:#000;box-shadow:0 0 20px var(--warning-glow)}.btn-success{background-color:transparent;color:var(--success);border-color:rgba(16,185,129,.3)}.btn-success:hover{box-shadow:0 0 15px var(--success-glow) inset}.btn-success-solid,.btn-success:hover{background-color:rgba(16,185,129,.1);border-color:var(--success)}.btn-success-solid{color:var(--success)}.btn-success-solid:hover{background-color:var(--success);color:#fff;box-shadow:0 0 20px var(--success-glow)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:hsla(0,0%,100%,.1)}.btn-ghost:hover{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:hsla(0,0%,100%,.3)}.data-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px}.data-table td,.data-table th{padding:16px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.05)}.data-table th{color:var(--accent-primary);font-family:Outfit,sans-serif;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid var(--border)}.data-table tbody tr{transition:var(--transition);position:relative}.data-table tbody tr:hover{background-color:rgba(14,165,233,.04);transform:scale(1.005);box-shadow:inset 2px 0 0 var(--accent-primary)}.data-table td{font-size:.9rem;color:var(--text-primary)}.badge{padding:4px 12px;border-radius:2px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-family:Outfit,sans-serif;border:1px solid transparent}.badge-active{background-color:rgba(16,185,129,.1);color:var(--success);border-color:var(--success-glow);box-shadow:0 0 10px rgba(16,185,129,.2)}.badge-blocked{background-color:rgba(239,68,68,.1);color:var(--danger);border-color:var(--danger-glow);box-shadow:0 0 10px rgba(239,68,68,.2)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px}.form-input{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:2px;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;padding:12px 16px;transition:var(--transition);outline:none;width:100%}.form-input:focus{border-color:var(--accent-hover);box-shadow:0 0 15px var(--accent-glow);background:rgba(14,165,233,.05)}.form-input::placeholder{color:hsla(0,0%,100%,.2)}.form-input--error{border-color:var(--danger)}.form-input--error:focus{box-shadow:0 0 15px var(--danger-glow)}.form-error{font-size:.75rem;color:var(--danger);margin-top:4px}.form-input option{background-color:var(--bg-secondary);color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(6,9,15,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:fadeIn .3s ease}.modal-box{background:var(--bg-secondary);border:1px solid var(--accent-hover);border-radius:2px;padding:40px;max-width:460px;width:100%;box-shadow:0 0 40px rgba(14,165,233,.2),inset 0 0 20px rgba(14,165,233,.1);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.modal-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-hover);box-shadow:0 0 10px var(--accent-hover);animation:scanDown 3s linear infinite;opacity:.5;pointer-events:none}@keyframes scanDown{0%{top:0}to{top:100%}}.modal-box--wide{max-width:560px}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px;box-shadow:inset 0 0 20px}.modal-icon--danger{color:var(--danger);box-shadow:inset 0 0 20px var(--danger-glow);border:1px solid var(--danger)}.modal-icon--warning{color:var(--warning);box-shadow:inset 0 0 20px var(--warning-glow);border:1px solid var(--warning)}.modal-icon--success{color:var(--success);box-shadow:inset 0 0 20px var(--success-glow);border:1px solid var(--success)}.modal-icon--primary{color:var(--accent-hover);box-shadow:inset 0 0 20px var(--accent-glow);border:1px solid var(--accent-hover)}.notification{position:fixed;top:24px;right:24px;bottom:unset;padding:16px 24px;border-radius:2px;background-color:rgba(13,19,32,.95);color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 15px rgba(14,165,233,.2);transform:translateX(100%);opacity:0;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:10000;max-width:400px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;border:1px solid hsla(0,0%,100%,.1);border-left:4px solid var(--success)}@keyframes slideInRight{to{transform:translateX(0);opacity:1}}.spinner{width:48px;height:48px;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--accent-primary);border-right:2px solid transparent;border-right-color:var(--accent-hover);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}.faq-item{border:1px solid hsla(0,0%,100%,.05);margin-bottom:8px;border-radius:2px;transition:var(--transition);background:rgba(0,0,0,.2)}.faq-item--open{border-color:var(--accent-primary);box-shadow:0 0 15px rgba(14,165,233,.1)}.faq-question{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;cursor:pointer;color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;text-align:left;transition:var(--transition)}.faq-question:hover{background:rgba(14,165,233,.05)}.pwa-status-item{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-left:3px solid var(--accent-primary);padding:16px;transition:var(--transition)}.pwa-status-item:hover{background:rgba(14,165,233,.05);border-left-color:var(--accent-hover);box-shadow:0 0 15px var(--accent-glow)}