@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a1f35;--accent-cyan: #00fff5;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-orange: #f59e0b;--accent-green: #10b981;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--border-glow: rgba(0, 255, 245, .3);--shadow-glow: 0 0 20px rgba(0, 255, 245, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Rajdhani,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.grid-pattern{position:absolute;width:200%;height:200%;background-image:linear-gradient(rgba(0,255,245,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,245,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-orbs{position:absolute;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 15s infinite ease-in-out}.orb-1{width:300px;height:300px;background:radial-gradient(circle,var(--accent-cyan),transparent);top:10%;left:10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-purple),transparent);top:60%;right:10%;animation-delay:3s}.orb-3{width:250px;height:250px;background:radial-gradient(circle,var(--accent-pink),transparent);bottom:10%;left:50%;animation-delay:6s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.top-header{background:#1a1f35cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,245,.2);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:200;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-left{display:flex;align-items:center;gap:2rem}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:.5rem}.ai-badge{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));color:#fff;font-size:.6rem;padding:.3rem .6rem;border-radius:12px;font-weight:700;letter-spacing:1px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.breadcrumb span{color:var(--accent-cyan)}.header-right{display:flex;align-items:center;gap:1.5rem}.ai-assistant{display:flex;align-items:center;gap:.8rem;background:#a855f71a;border:1px solid rgba(168,85,247,.3);padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .3s ease}.ai-assistant:hover{background:#a855f733;box-shadow:0 0 20px #a855f74d}.ai-pulse{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--accent-green);transform:scale(1)}50%{box-shadow:0 0 15px var(--accent-green);transform:scale(1.2)}}.ai-text{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent-purple);font-weight:600}.user-menu{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:all .3s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 20px #00fff580}.edit-mode-toggle{background:linear-gradient(135deg,#f59e0b2e,#ec48992e);border:1px solid rgba(245,158,11,.35);color:#ffd6a1;padding:.55rem 1.1rem;border-radius:10px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-height:38px}.edit-mode-toggle:hover{background:linear-gradient(135deg,#f59e0b52,#ec489952);transform:translateY(-1px)}.content-wrapper{display:flex;flex:1}.sidebar{width:280px;background:#1a1f35cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,255,245,.2);padding:2rem 0;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);height:calc(100vh - 73px);position:sticky;top:73px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0003}.sidebar::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.menu-group{margin-bottom:2rem;animation:slideInLeft .5s ease-out backwards}.menu-group:nth-child(1){animation-delay:.1s}.menu-group:nth-child(2){animation-delay:.2s}.menu-group:nth-child(3){animation-delay:.3s}.menu-group:nth-child(4){animation-delay:.4s}.menu-group:nth-child(5){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.menu-group-title{font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;padding:0 1.5rem;margin-bottom:.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.menu-group-title:before{content:"";width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan)}.menu-items{list-style:none}.menu-item{position:relative}.menu-link{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.menu-link:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,rgba(0,255,245,.1),transparent);transition:width .3s ease}.menu-link:hover:before{width:100%}.menu-link:hover{color:var(--text-primary);border-left-color:var(--accent-cyan)}.menu-link.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:#00fff50d}.menu-icon{font-size:1.2rem;width:24px;text-align:center}.menu-badge{margin-left:auto;background:var(--accent-pink);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}.main-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:2rem}.widget{background:#1a1f3599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,245,.2);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.widget:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:var(--accent-cyan)}.widget-small{grid-column:span 3}.widget-medium{grid-column:span 4}.widget-large{grid-column:span 6}.widget-xlarge{grid-column:span 8}.widget-full{grid-column:span 12}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,245,.1)}.widget-title{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;letter-spacing:.04em}.widget-controls{display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.widget:hover .widget-controls{opacity:1}.widget-btn{background:#00fff514;border:1px solid rgba(0,255,245,.2);color:var(--accent-cyan);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.85rem}.widget-btn:hover{background:#00fff529;box-shadow:0 0 12px #00fff540}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.stat-trend{margin-top:.8rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block}.trend-up{background:#10b98133;color:#10b981}.trend-down{background:#ef444433;color:#ef4444}.ai-widget{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-color:#a855f74d}.ai-chat{display:flex;flex-direction:column;gap:1rem;max-height:200px;overflow-y:auto}.ai-message{background:#0000004d;padding:.8rem;border-radius:8px;font-size:.85rem;line-height:1.5;border-left:3px solid var(--accent-purple)}.ai-typing{display:flex;gap:.3rem;padding:.8rem}.typing-dot{width:8px;height:8px;background:var(--accent-purple);border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chart-container{height:200px;display:flex;align-items:flex-end;gap:.5rem;padding:1rem 0}.chart-bar{flex:1;background:linear-gradient(to top,var(--accent-cyan),var(--accent-purple));border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;animation:growUp 1s ease-out backwards}.chart-bar:hover{background:linear-gradient(to top,var(--accent-purple),var(--accent-pink));transform:scaleY(1.05)}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:.8rem;background:#0003;border-radius:8px;transition:all .3s ease}.activity-item:hover{background:#00fff50d;transform:translate(5px)}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-icon.success{background:#10b98133}.activity-icon.warning{background:#f59e0b33}.activity-icon.info{background:#00fff533}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.activity-time{font-size:.8rem;color:var(--text-secondary)}.invoice-actions{display:flex;gap:8px;margin-top:8px}.action-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(0,255,245,.18);background:#0003;color:var(--text-primary);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#00fff51a;border-color:#00fff559}.action-btn:disabled{opacity:.5;cursor:not-allowed}.isp-list{display:flex;flex-direction:column;gap:.8rem}.isp-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.isp-item:hover{background:#00fff50d}.isp-details h4{color:var(--text-primary);font-size:.95rem;margin-bottom:.2rem}.isp-details span{font-size:.8rem;color:var(--text-secondary)}.isp-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.status-badge{padding:.4rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.status-active{background:#10b98133;color:#10b981;border:1px solid #10b981}.status-suspended{background:#f59e0b33;color:#f59e0b;border:1px solid #f59e0b}.status-canceled{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.status-unknown{background:#6b728033;color:#d1d5db;border:1px solid rgba(156,163,175,.7)}.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;align-items:stretch}.kpi-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,255,245,.22);background:linear-gradient(180deg,#293f7c73,#151d3b80);box-shadow:inset 0 0 0 1px #ffffff0d;min-height:64px}.kpi-card b{font-family:Orbitron,sans-serif;font-size:1.1rem}.kpi-label{color:var(--text-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.kpi-good{border-color:#10b98159}.kpi-warn{border-color:#f59e0b73}.kpi-bad{border-color:#ef444473}.dashboard-main{display:flex;flex-direction:column}.dashboard-filters{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.dashboard-filters input,.dashboard-filters select{background:#00000042;border:1px solid rgba(0,255,245,.16);border-radius:10px;color:var(--text-primary);padding:10px 12px}.table-wrap{overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap thead th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:10px 12px}.table-wrap tbody td{padding:10px 12px;font-size:.85rem;color:var(--text-primary)}.table-wrap tbody tr{border-top:1px solid rgba(255,255,255,.06)}.table-wrap tbody tr:hover{background:#00fff50a}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions .edit-mode-toggle{justify-content:center}.health-list{display:flex;flex-direction:column;gap:10px}.health-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0003;min-height:44px;align-items:center}.health-list>div span{font-size:.82rem;color:var(--text-secondary)}.health-online{color:#10b981}.health-offline{color:#ef4444}.health-unknown{color:#9ca3af}.dashboard-bars{align-items:flex-end;justify-content:space-between;min-height:170px}.dashboard-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:34px}.dashboard-bar-col span{font-size:.72rem;color:var(--text-secondary)}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loader{width:80px;height:80px;border:4px solid rgba(0,255,245,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:Orbitron,sans-serif;color:var(--accent-cyan);font-size:1.2rem;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}.toast{position:fixed;top:100px;right:20px;background:#1a1f35f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,245,.3);color:var(--text-primary);padding:1rem 1.5rem;border-radius:8px;z-index:10000;box-shadow:0 0 20px #00fff533;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.toast.hide{animation:slideOutRight .3s ease-out forwards}@media (max-width: 1200px){.widget-small,.widget-medium{grid-column:span 6}.widget-large{grid-column:span 12}.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;height:100vh;top:73px}.sidebar.active{left:0}.widget-small,.widget-medium,.widget-large,.widget-xlarge{grid-column:span 12}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.widget pre{max-width:100%;overflow:auto;padding:12px;border-radius:10px;background:#0000002e;border:1px solid rgba(0,255,245,.1)}.widget textarea{max-width:100%;resize:vertical}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(12,1fr)}.widget-small,.widget-medium{grid-column:span 6}.widget-large,.widget-xlarge{grid-column:span 12}}@media (max-width: 900px){.header-right{gap:.75rem}.ai-assistant{display:none}}@media (max-width: 768px){.main-content{padding:1rem}}