:root{--font-family:"Poppins", sans-serif;--bg-dashboard:#0b0f19;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--border-color:#ffffff14;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-secondary:#0ea5e9;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-link:#818cf8;--shadow-premium:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--blur-glass:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dashboard);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dashboard)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bgBreath{0%,to{filter:brightness(.95)saturate(1.1)}50%{filter:brightness(1.05)saturate(1.2)}}@keyframes floatDot{0%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}to{opacity:.6;transform:translateY(0)}}@keyframes linePulse{0%,to{opacity:.4}50%{opacity:.9}}@keyframes coreBreath{0%,to{box-shadow:0 0 50px 20px #00dcff66,0 0 120px 60px #008cff33}50%{box-shadow:0 0 90px 40px #00f0ffb3,0 0 200px 100px #00a0ff59}}.auth-wrapper{background-image:url(../server_room_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:8s ease-in-out infinite bgBreath;display:flex;position:relative;overflow:hidden}.auth-wrapper:before,.auth-wrapper:after,.auth-wrapper .server-floor{display:none}.auth-wrapper .server-core{z-index:1;pointer-events:none;background:radial-gradient(circle,#fff 0%,#00e5ff 40%,#0000 100%);border-radius:50%;width:16px;height:16px;animation:4s ease-in-out infinite coreBreath;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.auth-wrapper .circuit-line{pointer-events:none;background:linear-gradient(#0000 0%,#00c8ffcc 50%,#64e6ff 100%);width:1px;animation:4s ease-in-out infinite linePulse;position:absolute;bottom:32%}.auth-wrapper .circuit-line:nth-child(3){height:52%;animation-delay:0s;left:50%}.auth-wrapper .circuit-line:nth-child(4){height:40%;animation-delay:.4s;left:44.5%}.auth-wrapper .circuit-line:nth-child(5){height:40%;animation-delay:.4s;left:55.5%}.auth-wrapper .circuit-line:nth-child(6){height:27%;animation-delay:.8s;left:39%}.auth-wrapper .circuit-line:nth-child(7){height:27%;animation-delay:.8s;left:61%}.auth-wrapper .circuit-line:nth-child(8){height:17%;animation-delay:1.2s;left:33%}.auth-wrapper .circuit-line:nth-child(9){height:17%;animation-delay:1.2s;left:67%}.auth-wrapper .particle{pointer-events:none;background:#00e5ff;border-radius:50%;animation:3.5s ease-in-out infinite floatDot;position:absolute;box-shadow:0 0 8px 3px #00dcffcc,0 0 20px 8px #00b4ff4d}.auth-wrapper .particle:nth-child(10){width:5px;height:5px;animation-delay:0s;bottom:85%;left:50%}.auth-wrapper .particle:nth-child(11){width:4px;height:4px;animation-delay:.4s;bottom:73%;left:44.5%}.auth-wrapper .particle:nth-child(12){width:4px;height:4px;animation-delay:.4s;bottom:73%;left:55.5%}.auth-wrapper .particle:nth-child(13){width:3px;height:3px;animation-delay:.8s;bottom:60%;left:39%}.auth-wrapper .particle:nth-child(14){width:3px;height:3px;animation-delay:.8s;bottom:60%;left:61%}.auth-wrapper .particle:nth-child(15){width:3px;height:3px;animation-delay:1.2s;bottom:50%;left:33%}.auth-wrapper .particle:nth-child(16){width:3px;height:3px;animation-delay:1.2s;bottom:50%;left:67%}.auth-wrapper .particle:nth-child(17){width:4px;height:4px;animation-delay:1.8s;bottom:55%;left:25%}.auth-wrapper .particle:nth-child(18){width:4px;height:4px;animation-delay:1.8s;bottom:55%;left:75%}.auth-card{-webkit-backdrop-filter:blur(18px)saturate(1.3);z-index:2;background:#030a1cb3;border:1px solid #00aaff4d;border-radius:18px;width:100%;max-width:440px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;box-shadow:0 0 0 1px #0078ff1f,0 12px 48px #000000b3,0 0 80px #0078ff1f}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{background:linear-gradient(to right, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:700}.auth-header p{color:var(--text-muted);font-size:.85rem}.dashboard-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);z-index:50;background:#0a0f1ef2;flex-direction:column;width:260px;padding:24px 16px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:40px;padding-left:8px;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;box-shadow:0 0 15px #6366f166}.sidebar-brand-name{letter-spacing:-.5px;font-size:1.15rem;font-weight:700}.sidebar-role-badge{color:var(--text-link);text-transform:uppercase;background:#6366f126;border-radius:12px;margin-top:2px;padding:2px 8px;font-size:.6rem;font-weight:700}.sidebar-menu{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--text-main);background:#ffffff08}.sidebar-item.active{color:var(--text-main);border-left:3px solid var(--color-primary);background:#6366f126;border-top-left-radius:0;border-bottom-left-radius:0}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sidebar-user-info{flex-direction:column;padding-left:8px;display:flex}.sidebar-username{font-size:.85rem;font-weight:600}.sidebar-logout-btn{color:var(--color-danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:10px;font-size:.8rem;font-weight:600;transition:background .2s}.sidebar-logout-btn:hover{background:#ef444433}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.navbar-top{border-bottom:1px solid var(--border-color);height:70px;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);z-index:40;background:#0b0f1980;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.navbar-title{font-size:1.15rem;font-weight:600}.navbar-actions{align-items:center;gap:20px;display:flex}.navbar-balance-pill{border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:flex}.navbar-balance-lbl{color:var(--text-muted)}.navbar-balance-val{color:var(--color-success);font-weight:700}.dashboard-content{flex-direction:column;flex:1;gap:32px;padding:40px;display:flex}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stats-card{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.stats-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.stats-card-bg-gradient{opacity:.15;filter:blur(20px);border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-40px}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem}.stats-value{font-size:1.6rem;font-weight:700}.stats-footer{color:var(--text-muted);align-items:center;gap:4px;margin-top:10px;font-size:.75rem;display:flex}.grid-2col{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.grid-2col{grid-template-columns:1fr}}.table-container{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:16px;padding:24px;overflow-x:auto}.table-header-section{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.table-header-section h2{font-size:1.1rem;font-weight:600}.table-el{border-collapse:collapse;text-align:left;width:100%}.table-el th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.75rem}.table-el td{border-bottom:1px solid #ffffff0a;padding:16px;font-size:.85rem}.table-el tr:last-child td{border-bottom:none}.table-el tbody tr:hover{background:#ffffff03}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.badge-success{color:var(--color-success);background:#10b9811f}.badge-warning{color:var(--color-warning);background:#f59e0b1f}.badge-danger{color:var(--color-danger);background:#ef44441f}.badge-info{color:var(--color-secondary);background:#0ea5e91f}.form-group-db{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group-db label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-group-db input,.form-group-db select,.form-group-db textarea{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff08;border-radius:10px;outline:none;padding:12px 16px;font-size:.9rem;transition:border-color .2s,background-color .2s}.form-group-db input:focus,.form-group-db select:focus,.form-group-db textarea:focus{border-color:var(--color-primary);background:#ffffff0d}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn-db{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-db:hover{background:var(--color-primary-hover)}.btn-db:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.btn-success{background:var(--color-success)}.btn-success:hover{background:#059669}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--color-warning);color:#0f172a}.btn-warning:hover{color:#fff;background:#d97706}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.75rem}.branding-editor-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}@media (width<=1024px){.branding-editor-layout{grid-template-columns:1fr}}.smartphone-simulator{border:1px solid var(--border-color);background:#ffffff05;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.smartphone-simulator-title{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.phone-shell{color:#0f172a;background:#f8fafc;border:10px solid #1e293b;border-radius:36px;flex-direction:column;width:100%;max-width:320px;height:580px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.sim-header{background:var(--sim-primary,#0f172a);color:#fff;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .3s;display:flex}.sim-logo-area{align-items:center;gap:8px;display:flex}.sim-logo{object-fit:cover;background:#fff;border-radius:4px;width:22px;height:22px}.sim-name{font-size:.8rem;font-weight:600}.sim-balance{color:var(--sim-secondary,#3b82f6);font-size:.75rem;font-weight:700}.sim-content{background:#f8fafc;flex:1;padding:14px;font-size:.75rem;overflow-y:auto}.sim-banner{background:linear-gradient(135deg, var(--sim-primary,#0f172a) 0%, #1e293b 100%);color:#fff;border-radius:10px;margin-bottom:12px;padding:12px}.sim-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.sim-grid-item{flex-direction:column;align-items:center;gap:4px;display:flex}.sim-icon-circle{color:#fff;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sim-nav{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;height:48px;font-size:.6rem;display:flex}.sim-nav-item.active{color:var(--sim-secondary,#3b82f6)}.builder-layout{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;padding:40px 0;display:flex}.builder-graphic{width:120px;height:120px;color:var(--color-primary);background:#6366f11a;border:2px dashed #6366f14d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;animation:2s infinite pulseBuilder;display:flex}@keyframes pulseBuilder{0%{transform:scale(1);box-shadow:0 0 #6366f166}70%{transform:scale(1.05);box-shadow:0 0 0 15px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.builder-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.loading-box{text-align:center;color:var(--text-muted);padding:40px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b0f19d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{color:#f3f4f6;background:#111827;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #00000080}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-header h4{color:#fff;font-size:1.1rem;font-weight:600}.btn-close-modal{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s}.btn-close-modal:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.dashboard-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:16px;position:static}.sidebar-brand{margin-bottom:16px}.sidebar-menu{flex-flow:wrap;gap:8px}.sidebar-item{padding:8px 12px;font-size:.8rem}.sidebar-footer{display:none}.main-wrapper{margin-left:0}.navbar-top{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:12px 16px}.navbar-title{font-size:1.1rem}.navbar-actions{width:100%}.form-row{grid-template-columns:1fr;gap:12px}.branding-editor-layout{grid-template-columns:1fr;gap:20px}.smartphone-simulator{display:none}}