@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-primary: #030014;--bg-secondary: #0a0118;--bg-card: rgba(10, 1, 24, .8);--accent: #7c3aed;--accent-bright: #a855f7;--accent-glow: rgba(124, 58, 237, .5);--accent-dim: rgba(124, 58, 237, .15);--cyan: #06b6d4;--cyan-glow: rgba(6, 182, 212, .5);--text: #f8fafc;--text-secondary: #cbd5e1;--muted: #64748b;--border: rgba(124, 58, 237, .2);--border-bright: rgba(124, 58, 237, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gradient-primary: linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);--gradient-dark: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-glow: linear-gradient(90deg, transparent, var(--accent-glow), transparent)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Rajdhani,sans-serif;background:var(--bg-primary);color:var(--text);line-height:1.6;overflow-x:hidden}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.grid-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,var(--bg-primary) 70%)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gradient-glow);opacity:.5;animation:scanline 8s linear infinite;pointer-events:none;z-index:1000}@keyframes led-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes led-glow{0%,to{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent-glow)}50%{box-shadow:0 0 10px var(--accent),0 0 20px var(--accent-glow),0 0 30px var(--accent-glow)}}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.led-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:led-pulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--accent-glow)}.led-indicator.active{background:var(--success);box-shadow:0 0 10px #10b98180}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mono{font-family:Share Tech Mono,monospace}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#030014f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:8px}.logo-text{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-links a:hover{color:var(--accent-bright)}.nav-links a:hover:after{width:100%}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--gradient-primary);border:none;cursor:pointer;overflow:hidden;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}.btn-primary:hover:before{left:100%}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);background:transparent;border:1px solid var(--border-bright);cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-secondary:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn-login{padding:.625rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);background:var(--accent-dim);border:1px solid var(--accent);cursor:pointer;transition:all .3s ease}.btn-login:hover{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:6rem 2rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.2) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:10;max-width:800px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-dim);border:1px solid var(--border);margin-bottom:2rem;font-family:Share Tech Mono,monospace;font-size:.875rem;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.1em}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:led-pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-stats{display:flex;justify-content:center;gap:4rem}.stat{text-align:center;padding:1rem;border-left:1px solid var(--border)}.stat:first-child{border-left:none}.stat-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-bright);text-shadow:0 0 20px var(--accent-glow)}.stat-label{font-size:.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.tech-frame{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:2rem;overflow:hidden}.tech-frame:before,.tech-frame:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--accent)}.tech-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tech-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.tech-frame-glow{position:relative}.tech-frame-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--accent));background-size:200% 100%;animation:border-flow 3s linear infinite;z-index:-1;opacity:0;transition:opacity .3s ease}.tech-frame-glow:hover:before{opacity:1}.features{padding:6rem 2rem;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.feature-card{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:2rem;transition:all .4s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);transition:all .3s ease}.feature-card:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 40px #0000004d,0 0 30px var(--accent-glow)}.feature-card:hover:before,.feature-card:hover:after{width:50px;height:50px}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border:1px solid var(--border);color:var(--accent-bright);margin-bottom:1.5rem;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}.feature-card p{color:var(--text-secondary);font-size:.95rem}.products{padding:6rem 2rem;background:var(--bg-secondary);position:relative}.products:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-glow)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;transition:all .4s ease;overflow:hidden}.product-card.featured{border-color:var(--accent)}.product-glow{position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.product-card:hover .product-glow{opacity:1}.product-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:var(--gradient-primary);font-family:Share Tech Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.product-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border:1px solid var(--border);color:var(--accent-bright);margin-bottom:1.5rem;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.product-card h3{font-size:1.5rem;margin-bottom:.75rem}.product-card>p{color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.tech-specs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#0000004d;border:1px solid var(--border);margin-bottom:1.5rem}.spec-item{display:flex;flex-direction:column;gap:.25rem}.spec-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.spec-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:var(--accent-bright)}.product-features{list-style:none;margin-bottom:1.5rem}.product-features li{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}.product-features li:last-child{border-bottom:none}.product-btn{width:100%;padding:1rem;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);background:var(--accent-dim);border:1px solid var(--accent);cursor:pointer;transition:all .3s ease}.product-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.cta{padding:6rem 2rem;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 60%);opacity:.3}.cta-content{position:relative;max-width:600px;margin:0 auto;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:4rem 2rem 2rem}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;max-width:1400px;margin:0 auto 3rem}.footer-col h4{font-size:1rem;margin-bottom:1.5rem;color:var(--accent-bright)}.footer-col p{color:var(--muted);font-size:.9rem}.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;padding:.5rem 0;font-size:.9rem;transition:color .3s ease}.footer-col a:hover{color:var(--accent-bright)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border)}.footer-bottom p{color:var(--muted);font-size:.875rem}.footer-credit{margin-top:.5rem;font-size:.7rem;color:var(--muted);opacity:.5;transition:opacity .3s ease}.footer-credit:hover{opacity:1}.footer-credit a{color:var(--accent);text-decoration:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(6,182,212,.15) 0%,transparent 50%);pointer-events:none}.card{position:relative;width:100%;max-width:420px;margin:8rem auto 2rem;background:var(--bg-card);border:1px solid var(--border);padding:3rem 2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:40px;height:40px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.card h2{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:var(--accent-bright)}.card label{display:block;font-family:Share Tech Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem}.card input{width:100%;padding:1rem;background:#0000004d;border:1px solid var(--border);color:var(--text);font-family:Rajdhani,sans-serif;font-size:1rem;margin-bottom:1.5rem;transition:all .3s ease}.card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.card input::placeholder{color:var(--muted)}label{display:block;font-family:Share Tech Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem}input,select,textarea{width:100%;padding:.875rem 1rem;background:#0006;border:1px solid var(--border);color:var(--text);font-family:Rajdhani,sans-serif;font-size:1rem;transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),0 0 20px #7c3aed1a;background:#00000080}input::placeholder,textarea::placeholder{color:var(--muted);font-family:Share Tech Mono,monospace;font-size:.875rem}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c3aed' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select option{background:var(--bg-secondary);color:var(--text);padding:.5rem}textarea{min-height:120px;resize:vertical;line-height:1.6}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.card button[type=submit]{width:100%;padding:1rem;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--gradient-primary);border:none;cursor:pointer;margin-top:1rem;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}.dashboard{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-left:3px solid transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.nav-item:hover{background:var(--accent-dim);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,var(--accent-dim),transparent);border-left-color:var(--accent);color:var(--text);font-weight:600}.nav-item svg{width:20px;height:20px}.main-content{margin-left:280px;flex:1;padding:2rem;min-height:100vh;overflow-y:auto}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--border);margin-bottom:2rem}.stat-card{padding:1.5rem;background:var(--bg-card);border-right:1px solid var(--border);position:relative;overflow:hidden}.stat-card:last-child{border-right:none}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary)}.stat-card .stat-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-bright);margin-bottom:.25rem}.stat-card .stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.stat-card .stat-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--accent-dim);opacity:.5}.data-table{width:100%;border:1px solid var(--border);border-collapse:collapse;background:var(--bg-card)}.data-table th{padding:1rem;text-align:left;font-family:Share Tech Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:#0000004d;border-bottom:1px solid var(--border)}.data-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.95rem}.data-table tr:hover{background:var(--accent-dim)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-family:Share Tech Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.status-badge.active{color:var(--success);border-color:var(--success);background:#10b9811a}.status-badge.inactive{color:var(--error);border-color:var(--error);background:#ef44441a}.status-badge.pending{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.status-badge.success{color:var(--success);border-color:var(--success);background:#10b9811a}.status-badge.error{color:var(--error);border-color:var(--error);background:#ef44441a}.service-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.service-card:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.service-card:hover:before{opacity:1}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.service-name{font-family:Orbitron,sans-serif;font-size:1.125rem;margin-bottom:.25rem}.service-type{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.service-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#0000004d;border:1px solid var(--border);margin-bottom:1rem}.service-spec{text-align:center}.service-spec-value{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;color:var(--accent-bright)}.service-spec-label{font-size:.7rem;color:var(--muted);text-transform:uppercase}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:2rem}.tab{padding:1rem 2rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.tab:hover{color:var(--text);background:var(--accent-dim)}.tab.active{color:var(--accent-bright);border-bottom-color:var(--accent)}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border:1px solid var(--border);margin-bottom:.5rem;transition:all .3s ease}.invoice-item:hover{border-color:var(--accent);background:var(--accent-dim)}.invoice-number{font-family:Share Tech Mono,monospace;font-size:.9rem;color:var(--accent-bright)}.invoice-amount{font-family:Orbitron,sans-serif;font-weight:600}.invoice-date{font-size:.8rem;color:var(--muted)}.download-btn{padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--accent-bright);background:transparent;border:1px solid var(--accent);cursor:pointer;transition:all .3s ease}.download-btn:hover{background:var(--accent);color:#fff}@media (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links{display:none}.hero-stats{flex-direction:column;gap:1rem}.stat{border-left:none;border-top:1px solid var(--border);padding-top:1rem}.stat:first-child{border-top:none}.footer-content{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{border-bottom:1px solid var(--border)}}.text-accent{color:var(--accent-bright)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-card{background:var(--bg-card)}.border{border:1px solid var(--border)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.dashboard-layout{min-height:100vh;display:flex;background:var(--bg-primary);position:relative}.sidebar{width:280px;background:#0a0118f2;border-right:1px solid var(--border-bright);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--accent) 20%,var(--accent) 80%,transparent 100%);animation:glowLine 3s ease-in-out infinite}@keyframes glowLine{0%,to{opacity:.3}50%{opacity:.8}}.sidebar-logo{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border)}.sidebar-logo .logo-icon{width:42px;height:42px}.sidebar-logo .logo-text{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:.1em}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:transparent;border:none;border-left:3px solid transparent;color:var(--muted);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:500;text-align:left;transition:all .3s ease;position:relative}.nav-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,rgba(124,58,237,.2),transparent);transition:width .3s ease}.nav-item:hover{color:var(--text)}.nav-item:hover:before{width:100%}.nav-item.active{color:var(--text);border-left-color:var(--accent);background:linear-gradient(90deg,rgba(124,58,237,.2),transparent)}.nav-item.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.nav-item-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.nav-item:hover .nav-item-icon{transform:translate(3px)}.nav-item-label{text-transform:uppercase;letter-spacing:.05em}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border)}.main-content{margin-left:280px;flex:1;padding:1.5rem 2rem;min-height:100vh;position:relative;z-index:1;overflow-y:auto}.dashboard-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.dashboard-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:.05em;margin-bottom:.5rem}.dashboard-subtitle{color:var(--muted);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:before,.stat-card:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--accent)}.stat-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.stat-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.stat-card:hover{border-color:var(--accent);box-shadow:0 0 20px #7c3aed33}.stat-card-icon{width:48px;height:48px;background:var(--accent-dim);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--accent-bright)}.stat-card-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.5rem}.stat-card-label{font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.stat-card-trend{position:absolute;top:1rem;right:1rem;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.stat-card-trend.up{color:var(--success)}.stat-card-trend.down{color:var(--error)}.dashboard-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.section-title{font-family:Orbitron,sans-serif;font-size:1.125rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.75rem}.section-title:before{content:"";width:4px;height:1.25rem;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.service-card{background:var(--bg-card);border:1px solid var(--border);overflow:hidden;position:relative;transition:all .3s ease}.service-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d,0 0 20px #7c3aed1a}.service-card-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.service-card-name{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:var(--text)}.service-card-body{padding:1.25rem}.service-card-detail{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(124,58,237,.1)}.service-card-detail:last-child{border-bottom:none}.service-card-detail-label{font-size:.875rem;color:var(--muted)}.service-card-detail-value{font-family:Share Tech Mono,monospace;font-size:.875rem;color:var(--text)}.service-card-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.75rem}.service-card-footer .btn{flex:1;font-size:.875rem;padding:.625rem 1rem}.data-table-wrapper{background:var(--bg-card);border:1px solid var(--border);overflow:hidden}.data-table-wrapper:before,.data-table-wrapper:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--accent)}.data-table-wrapper:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.data-table-wrapper:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#7c3aed1a;padding:1rem;text-align:left;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border)}.data-table td{padding:1rem;border-bottom:1px solid rgba(124,58,237,.1);font-size:.9rem}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#7c3aed0d}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px solid var(--border)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.25rem;color:var(--text);margin-bottom:.5rem}.empty-state-text{color:var(--muted);margin-bottom:1.5rem}.admin-form{background:var(--bg-card);border:1px solid var(--border);padding:2rem;position:relative}.admin-form:before,.admin-form:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--accent)}.admin-form:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.admin-form:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:0}.client-list{display:flex;flex-direction:column;gap:1rem}.client-card{background:var(--bg-card);border:1px solid var(--border);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.client-card:hover{border-color:var(--accent);background:#7c3aed0d}.client-info{display:flex;align-items:center;gap:1rem}.client-avatar{width:48px;height:48px;background:var(--accent-dim);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent-bright)}.client-details h4{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.client-details p{font-size:.875rem;color:var(--muted)}.client-actions{display:flex;gap:.5rem}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-logo .logo-text,.sidebar-logo>div>span:last-child,.nav-item-label,.nav-item .led-indicator{display:none}.sidebar-logo,.nav-item{justify-content:center;padding:1rem}.sidebar-footer .footer-credit{display:none}.sidebar-footer .btn-secondary{padding:.75rem;font-size:0}.sidebar-footer .btn-secondary span:first-child{font-size:1.25rem;margin:0}.main-content{margin-left:80px;padding:1rem}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid,.services-grid{grid-template-columns:1fr}}.ddos-nav-right{display:flex;align-items:center}.ddos-fullpage{align-items:stretch;padding:0}.ddos-checking-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:2rem;position:relative;z-index:10;flex:1}.ddos-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;width:100%;position:relative;z-index:10;margin-top:64px;min-height:calc(100vh - 64px)}.ddos-left{display:flex;flex-direction:column;border-right:1px solid var(--border);background:#ef444405;position:relative;overflow:hidden}.ddos-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(239,68,68,.07) 0%,transparent 70%);pointer-events:none}.ddos-left:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--error) 0%,var(--accent-bright) 100%)}.ddos-left-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:3.5rem 4rem}.ddos-badge-row{display:flex;align-items:center;gap:.6rem;margin-bottom:2.5rem}.ddos-shield{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ef44440f;border:1px solid rgba(239,68,68,.25);color:var(--error);margin-bottom:2rem;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 40px #ef44441f}.ddos-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:1.5rem;line-height:1.15}.ddos-left-sub{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;max-width:420px}.ddos-right{display:flex;flex-direction:column;position:relative;overflow:hidden}.ddos-right:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-bright) 0%,var(--cyan) 100%)}.ddos-right-inner{display:flex;flex-direction:column;gap:1.5rem;padding:3.5rem 4rem;height:100%}.ddos-data-block{width:100%;background:#0000004d;border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}.ddos-data-block:hover{border-color:var(--border-bright);box-shadow:0 0 20px var(--accent-glow)}.ddos-data-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);gap:1rem}.ddos-data-row:last-child{border-bottom:none}.ddos-data-label{font-size:.8rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.ddos-data-value{font-size:.95rem;color:var(--text-secondary);text-align:right;word-break:break-all}.ddos-lvl{color:var(--accent-bright)}.ddos-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.ddos-info-card{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;overflow:hidden;transition:all .3s ease}.ddos-info-card:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.ddos-info-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.ddos-info-card-title{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.ddos-info-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.ddos-footer-brand{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.ddos-footer-brand img{width:22px;height:22px;border-radius:4px;opacity:.8}.ddos-footer-brand a{color:var(--accent-bright);text-decoration:none;font-weight:600;transition:color .2s}.ddos-footer-brand a:hover{color:var(--text)}.ddos-home-btn{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);background:var(--accent-dim);border:1px solid var(--border-bright);padding:.6rem 1.25rem;text-decoration:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:all .3s ease}.ddos-home-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 18px var(--accent-glow)}@media (max-width: 860px){.ddos-layout{grid-template-columns:1fr;min-height:unset}.ddos-left{border-right:none;border-bottom:1px solid var(--border)}.ddos-left-inner,.ddos-right-inner{padding:2.5rem 1.75rem}.ddos-left-inner{align-items:center;text-align:center}.ddos-badge-row{justify-content:center}.ddos-title{font-size:1.75rem;text-align:center}.ddos-left-sub{text-align:center}.ddos-two-col{grid-template-columns:1fr}}.ddos-checking-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:2rem;position:relative;z-index:10;margin-top:6rem}.ddos-spinner{width:52px;height:52px;border:2px solid var(--border);border-top-color:var(--accent-bright);border-right-color:var(--cyan);border-radius:50%;animation:ddos-spin .9s linear infinite}@keyframes ddos-spin{to{transform:rotate(360deg)}}.ddos-info-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 2rem}.ddos-info-layer-card{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:2rem;transition:all .4s ease;overflow:hidden}.ddos-info-layer-card:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);transition:all .3s ease}.ddos-info-layer-card:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);transition:all .3s ease}.ddos-info-layer-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #0000004d,0 0 30px var(--accent-glow);transform:translateY(-4px)}.ddos-info-layer-card:hover:before,.ddos-info-layer-card:hover:after{width:50px;height:50px}.ddos-info-layer-featured{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.ddos-info-layer-featured:before,.ddos-info-layer-featured:after{border-color:var(--accent-bright)}.ddos-info-layer-badge{display:inline-flex;align-items:center;padding:.3rem .8rem;background:var(--accent-dim);border:1px solid var(--border-bright);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--accent-bright);text-transform:uppercase;margin-bottom:1rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.ddos-info-layer-badge--accent{background:#a855f733;border-color:var(--accent-bright);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.ddos-info-layer-card h3{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:1.25rem}.ddos-info-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.ddos-info-list li{font-size:.9rem;color:var(--text-secondary);padding-left:1.1rem;position:relative;line-height:1.5}.ddos-info-list li:before{content:"▸";position:absolute;left:0;color:var(--accent-bright);font-size:.7rem;top:.15em}.ddos-info-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 2rem}.ddos-info-spec{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem;transition:all .3s ease}.ddos-info-spec:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.ddos-info-spec-label{font-size:.7rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.ddos-info-spec-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.1}@media (max-width: 900px){.ddos-info-layers,.ddos-info-specs-grid{grid-template-columns:1fr;padding:0 1rem}}@media (max-width: 600px){.ddos-info-spec-value{font-size:1.25rem}}