:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg-main:#09090b;--bg-grid-glow:radial-gradient(circle at 50% -20%,rgba(99,102,241,.15) 0%,rgba(9,9,11,0) 60%);--panel-bg:rgba(20,20,25,.6);--panel-border:hsla(0,0%,100%,.08);--panel-border-glow:rgba(99,102,241,.3);--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--primary-gradient:linear-gradient(135deg,#6366f1,#a855f7);--primary-hover-gradient:linear-gradient(135deg,#4f46e5,#9333ea);--danger-gradient:linear-gradient(135deg,#ef4444,#b91c1c);--success-color:#10b981;--warning-color:#f59e0b;--secondary-btn-bg:hsla(0,0%,100%,.05);--secondary-btn-border:hsla(0,0%,100%,.1);--secondary-btn-hover:hsla(0,0%,100%,.12);--blur-amount:16px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:var(--bg-grid-glow);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transition:var(--transition-smooth)}.glass-panel:hover{border-color:hsla(0,0%,100%,.12)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background:radial-gradient(circle at center,rgba(99,102,241,.12) 0,rgba(9,9,11,0) 70%)}.login-card{width:100%;max-width:420px;padding:3rem 2.5rem;animation:fadeIn .6s ease-out}.login-card h1{font-size:2rem;font-weight:800;text-align:center;margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card p.subtitle{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:2.5rem}.login-hint{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--text-muted);background:hsla(0,0%,100%,.02);padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--panel-border)}.login-hint strong{color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus,.form-select:focus{outline:none;background:hsla(0,0%,100%,.05);border-color:rgba(99,102,241,.5);box-shadow:0 0 15px rgba(99,102,241,.15)}.form-select option{background-color:#121214;color:var(--text-primary)}.error-message{color:#f87171;font-size:.85rem;margin-top:.75rem;text-align:center;min-height:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;gap:.5rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px 0 rgba(99,102,241,.3)}.btn-primary:hover{background:var(--primary-hover-gradient);transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(99,102,241,.4)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--secondary-btn-bg);border:1px solid var(--secondary-btn-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--secondary-btn-hover);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 14px 0 rgba(239,68,68,.2)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(239,68,68,.3)}.btn-action{padding:.4rem .8rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:var(--text-primary)}.btn-action:hover{background:var(--primary-gradient);border-color:transparent;box-shadow:0 2px 8px rgba(99,102,241,.2)}.btn-action.btn-danger-action:hover{background:var(--danger-gradient);border-color:transparent;box-shadow:0 2px 8px rgba(239,68,68,.2)}.header{border-bottom:1px solid var(--panel-border);background:rgba(9,9,11,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:1.25rem 0}.header-content{justify-content:space-between}.header h1,.header-content{display:flex;align-items:center}.header h1{font-size:1.35rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;gap:.5rem}.header-actions{display:flex;align-items:center;gap:1.25rem}.user-greeting{font-size:.9rem;color:var(--text-secondary)}.user-greeting strong{color:var(--text-primary)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.main-wrapper{display:flex;gap:2rem;margin-top:2rem;margin-bottom:3rem;min-height:calc(100vh - 160px)}.sidebar{width:240px;flex-shrink:0}.nav-menu{display:flex;flex-direction:column;gap:.4rem;padding:.75rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;transition:var(--transition-smooth);border:1px solid transparent;gap:.75rem}.nav-item:hover{background:hsla(0,0%,100%,.03);color:var(--text-primary)}.nav-item.active{background:rgba(99,102,241,.1);color:#a5b4fc;border-color:rgba(99,102,241,.2)}.content-area{flex-grow:1;min-width:0}.page-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;gap:1.25rem}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{font-size:2.25rem;justify-content:center;width:3.5rem;height:3.5rem;background:rgba(99,102,241,.1);border-radius:var(--radius-md);color:#818cf8}.stat-content{flex:1 1}.stat-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-value.status{color:var(--success-color);font-size:1.15rem;display:flex;align-items:center;gap:.4rem}.stat-value.status:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--success-color);border-radius:50%;box-shadow:0 0 8px var(--success-color)}.section{padding:2rem;margin-bottom:2rem}.section h2{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.welcome-box{padding:3rem;background:linear-gradient(135deg,rgba(20,20,25,.4),rgba(99,102,241,.05))}.welcome-box h3{font-size:1.65rem;font-weight:800;margin-bottom:.75rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-box p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;max-width:600px}.welcome-box .button-group{display:flex;gap:1rem}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--panel-border)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}.data-table thead{background-color:hsla(0,0%,100%,.02);border-bottom:1px solid var(--panel-border)}.data-table th{padding:1rem 1.25rem;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--panel-border);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:var(--transition-smooth)}.data-table tbody tr:hover{background-color:hsla(0,0%,100%,.02)}.data-table .empty{text-align:center;color:var(--text-muted);padding:3rem 1.25rem!important;font-size:.95rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background-color:hsla(0,0%,100%,.06);color:var(--text-secondary);border:1px solid hsla(0,0%,100%,.08)}.badge-active{background-color:rgba(16,185,129,.1);color:#34d399;border-color:rgba(16,185,129,.2)}.badge-inactive{background-color:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.2)}.badge-pending{background-color:rgba(245,158,11,.1);color:#fbbf24;border-color:rgba(245,158,11,.2)}.badge-env-on{background-color:rgba(99,102,241,.15);color:#c7d2fe;border-color:rgba(99,102,241,.3);cursor:pointer;transition:var(--transition-smooth)}.badge-env-on:hover{background-color:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5)}.badge-env-off{background-color:hsla(0,0%,100%,.02);color:var(--text-muted);border-color:var(--panel-border);cursor:pointer;transition:var(--transition-smooth)}.badge-env-off:hover{background-color:hsla(0,0%,100%,.06);color:var(--text-secondary)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{width:90%;max-width:550px;max-height:90vh;overflow-y:auto;padding:2.5rem;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{font-size:1.4rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth)}.modal-close:hover{color:var(--text-primary)}.modal-actions{display:flex;gap:1rem;margin-top:2.5rem}.modal-actions .btn{flex:1 1}.footer{border-top:1px solid var(--panel-border);padding:2rem 0;text-align:center;font-size:.85rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-pulse{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--radius-sm);height:1.25rem;width:100%}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid hsla(0,0%,100%,.1);border-left-color:#6366f1;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-wrapper{flex-direction:column;gap:1.5rem}.sidebar{width:100%}.nav-menu{flex-direction:row;flex-wrap:wrap;gap:.4rem}.nav-item{flex:1 1;min-width:110px;justify-content:center;padding:.6rem;font-size:.85rem}.section{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.welcome-box{padding:2rem}}