:root{--bg-gradient: radial-gradient(circle at top left, #0d1117, #0b0c10, #161224);--glass-bg: rgba(25, 30, 45, .45);--glass-bg-hover: rgba(35, 45, 65, .55);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(16px);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-primary-rgb: 99, 102, 241;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #06b6d4;--card-border-radius: 16px;--transition-smooth: all .35s cubic-bezier(.25, .8, .25, 1);--font-family: "Outfit", sans-serif;--glass-input-bg: rgba(0, 0, 0, .25);--glass-input-color: #f8fafc;--glass-input-border: rgba(255, 255, 255, .08);--glass-option-bg: #1a1e29}body.light-theme{--bg-gradient: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--glass-blur: blur(12px);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #4f46e5;--accent-primary-rgb: 79, 70, 229;--glass-input-bg: rgba(255, 255, 255, .65);--glass-input-color: #0f172a;--glass-input-border: rgba(0, 0, 0, .12);--glass-option-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}html,body{height:100%;font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);overflow-x:hidden;background-attachment:fixed}*{scrollbar-width:thin;scrollbar-color:rgba(16,232,138,.4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10e88a66;border-radius:999px;border:2px solid transparent;background-clip:content-box;transition:background .25s ease,box-shadow .25s ease}::-webkit-scrollbar-thumb:hover{background:#10e88a;border:2px solid transparent;background-clip:content-box;box-shadow:0 0 12px #10e88ab3}::-webkit-scrollbar-thumb:active{background:#00ff9d;border:2px solid transparent;background-clip:content-box;box-shadow:0 0 16px #10e88ae6}::-webkit-scrollbar-corner{background:transparent}body.light-theme *{scrollbar-color:rgba(16,185,129,.5) transparent}body.light-theme ::-webkit-scrollbar-thumb{background:#10b98166;border:2px solid transparent;background-clip:content-box}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#10b981;border:2px solid transparent;background-clip:content-box;box-shadow:0 0 8px #10b98180}:root{--cursor-default: url(/images/cursors/cursor-default.svg) 1 1, auto;--cursor-pointer: url(/images/cursors/cursor-pointer.png) 12 2, pointer}html{cursor:auto}body{cursor:var(--cursor-default)}a,button,[role=button],.glass-btn,.action-pill-btn,.tab-btn,.nav-link,.footer-legal-links a,.giant-brand-typography,.store-badge,select,.clickable,.btn-hero-primary,.btn-hero-secondary,.terminal-tab,.hud-btn-action,.app-store-badge,.playstore-badge,.step-card,label.switch,label[for],input[type=checkbox],input[type=radio],input[type=button],input[type=submit],.filter-btn,.step-nav-btn,.btn,.pointer,[onclick]{cursor:var(--cursor-pointer)!important}button:disabled,[disabled],.btn:disabled,.btn-save:disabled,.switch input:disabled+.slider{cursor:not-allowed!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],textarea,[contenteditable=true]{cursor:text}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--card-border-radius);box-shadow:var(--glass-shadow);padding:24px;transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-info));opacity:0;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-5px);background:var(--glass-bg-hover);box-shadow:0 12px 40px #00000073}.glass-card:hover:before{opacity:1}.glass-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);padding:10px 20px;font-family:var(--font-family);font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.glass-btn:hover{background:rgba(var(--accent-primary-rgb),.2);border-color:rgba(var(--accent-primary-rgb),.4);box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.3);transform:scale(1.02)}.glass-btn-primary{background:rgba(var(--accent-primary-rgb),.25);border-color:rgba(var(--accent-primary-rgb),.4)}.glass-btn-primary:hover{background:rgba(var(--accent-primary-rgb),.4)}.glass-input{background:var(--glass-input-bg);border:1px solid var(--glass-input-border);border-radius:10px;color:var(--glass-input-color);padding:12px 16px;font-family:var(--font-family);width:100%;outline:none;transition:var(--transition-smooth)}.glass-input:focus{border-color:var(--accent-primary);background:#00000059;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.25)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}.glow-text{text-shadow:0 0 15px rgba(var(--accent-primary-rgb),.5)}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.status-badge.active,.status-badge.healthy,.status-badge.success,.status-badge.completed{background:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.3)}.status-badge.suspended,.status-badge.degraded,.status-badge.warning{background:#f59e0b26;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3)}.status-badge.trial,.status-badge.pending{background:#06b6d426;color:var(--accent-info);border:1px solid rgba(6,182,212,.3)}.status-badge.down,.status-badge.inactive{background:#ef444426;color:var(--accent-danger);border:1px solid rgba(239,68,68,.3)}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-up{animation:slideUp .7s cubic-bezier(.25,.8,.25,1) forwards}.pulse-glow{animation:pulseGlow 2s infinite ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px rgba(var(--accent-primary-rgb),.2)}50%{box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.5)}}.mat-mdc-dialog-container .mdc-dialog__surface{background:#141928f2!important;backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--card-border-radius)!important;box-shadow:var(--glass-shadow)!important;color:var(--text-primary)!important}.mat-mdc-dialog-content{color:var(--text-secondary)!important}.mat-mdc-dialog-actions button{font-family:var(--font-family)!important}.mdc-data-table__row:hover{background-color:var(--glass-bg-hover)!important}.mdc-data-table__header-cell{color:var(--text-secondary)!important;font-weight:600!important;font-size:.85rem!important}.mdc-data-table__cell{color:var(--text-primary)!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.content-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-top:24px}@media(max-width:768px){.content-grid-2{grid-template-columns:1fr}}.glass-select,.glass-select-input,.glass-select-table{background:var(--glass-input-bg)!important;color:var(--glass-input-color)!important;border:1px solid var(--glass-input-border)!important;border-radius:10px;outline:none;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth)}.glass-select:focus,.glass-select-input:focus,.glass-select-table:focus{border-color:var(--accent-primary)!important}select option{background-color:var(--glass-option-bg)!important;color:var(--glass-input-color)!important;padding:10px}.glass-menu{background:#141928f5!important;backdrop-filter:blur(15px)!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;box-shadow:var(--glass-shadow)!important;padding:8px 0!important}body.light-theme .glass-menu{background:#fffffffa!important;border-color:#0000001a!important}.menu-user-details{padding:16px 20px}.menu-username{font-weight:700;color:var(--text-primary);font-size:.95rem}.menu-email{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.menu-icon{margin-right:12px;color:var(--text-secondary);font-size:1.25rem;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.menu-item-logout{color:var(--accent-danger)!important}.menu-item-logout:hover{background-color:#ef444414!important}.trx-details-modal-body{padding:24px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-item .val{font-size:.9rem;color:var(--text-primary)}.detail-item .val.details-box{background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:14px;font-size:.8rem;line-height:1.5;white-space:pre-wrap;max-height:160px;overflow-y:auto}body.light-theme .detail-item .val.details-box{background:#0000000a;border-color:#00000014}.email-sub{font-size:.75rem;color:var(--text-secondary)}.text-highlight{color:var(--accent-primary)!important}.glass-btn-micro{background:#ffffff08;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary)!important;padding:4px 10px;font-size:.75rem;font-family:var(--font-family);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:var(--transition-smooth)}body.light-theme .glass-btn-micro{color:var(--text-primary)!important;background:#00000008;border-color:#00000014}.glass-btn-micro:hover{background:rgba(var(--accent-primary-rgb),.15)!important;border-color:rgba(var(--accent-primary-rgb),.3)!important;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.2)}.glass-btn-micro span{font-size:.95rem!important}.modal-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid var(--glass-border)}.modal-header h3{font-size:1.25rem;font-weight:700;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.icon-btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);outline:none;padding:6px;border-radius:50%}.icon-btn-close:hover{color:var(--text-primary);background-color:#ffffff0d;transform:scale(1.1)}.icon-btn-close span{font-size:1.5rem!important}.table-container{overflow-x:auto;border-radius:var(--card-border-radius)}.glass-table{width:100%;border-collapse:collapse;text-align:left}.glass-table th{padding:10px 14px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.glass-table td{padding:10px 14px;border-bottom:1px solid var(--glass-border);font-size:.8rem;vertical-align:middle;color:var(--text-primary)}.glass-table-compact{width:100%;border-collapse:collapse;text-align:left}.glass-table-compact th{padding:8px 12px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.glass-table-compact td{padding:8px 12px;border-bottom:1px solid var(--glass-border);font-size:.76rem;vertical-align:middle;color:var(--text-primary)}.table-row{transition:var(--transition-smooth)}.table-row:hover{background:#ffffff08}body.light-theme .table-row:hover{background:#00000005}.font-mono{font-family:monospace}.tenant-name-badge{white-space:nowrap!important;display:inline-flex!important;align-items:center;gap:6px;color:var(--text-secondary);background:#ffffff08;padding:4px 10px;border-radius:12px;font-size:.8rem;border:1px solid var(--glass-border)}body.light-theme .tenant-name-badge{background:#00000005!important}.modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0a0c1299!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:9999!important;display:flex!important;justify-content:center!important;align-items:center!important;animation:modalFadeIn .2s ease-out}body.light-theme .modal-backdrop{background:#0f172a4d!important}.modal-content{width:90%!important;max-width:650px!important;background:#141928fa!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:0 20px 50px #00000080!important;display:flex!important;flex-direction:column!important;animation:modalScaleUp .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}body.light-theme .modal-content{background:#fffffffa!important;box-shadow:0 20px 50px #0f172a1f!important;border-color:#00000014!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.glass-select,.glass-select-input{background:var(--glass-input-bg)!important;border:1px solid var(--glass-input-border)!important;color:var(--glass-input-color)!important;padding:10px 36px 10px 16px!important;border-radius:10px!important;outline:none!important;font-family:var(--font-family)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}body.light-theme .glass-select,body.light-theme .glass-select-input{color:#0f172a!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f172a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important}.glass-select:focus,.glass-select-input:focus{border-color:var(--accent-primary)!important;background-color:#00000059!important}body.light-theme .glass-select:focus,body.light-theme .glass-select-input:focus{background-color:#fffffff2!important}.glass-select option,.glass-select-input option{background:var(--glass-option-bg)!important;color:var(--text-primary)!important}body.light-theme .glass-select option,body.light-theme .glass-select-input option{background:#fff!important;color:#0f172a!important}.form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}@media(max-width:576px){.form-grid{grid-template-columns:1fr!important}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}.drawer-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#00000080!important;backdrop-filter:blur(4px)!important;z-index:9990!important;animation:fadeIn .3s ease-out}.drawer-panel{position:fixed!important;top:2vh!important;right:20px!important;width:480px!important;height:96vh!important;z-index:9995!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;transform:translate(120%)!important;transition:var(--transition-smooth)!important}.drawer-panel.open{transform:translate(0)!important}.drawer-header{height:70px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 30px!important;border-bottom:1px solid var(--glass-border)!important}.drawer-body{flex:1!important;padding:30px!important;overflow-y:auto!important}.drawer-form{display:flex!important;flex-direction:column!important;gap:24px!important}.drawer-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin-top:20px!important}.icon-btn-close{background:transparent!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.icon-btn-close:hover{color:var(--text-primary)!important}@keyframes shimmerWave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background:#ffffff0d;background-image:linear-gradient(90deg,#ffffff08,#ffffff1f,#ffffff08);background-size:200% 100%;animation:shimmerWave 1.8s ease-in-out infinite;border-radius:6px;vertical-align:middle}body.light-theme .skeleton-box{background:#0000000d;background-image:linear-gradient(90deg,#00000008,#00000017,#00000008)}.skeleton-avatar{width:40px;height:40px;border-radius:50%!important;flex-shrink:0}.skeleton-avatar-sm{width:32px;height:32px;border-radius:50%!important;flex-shrink:0}.skeleton-title{height:22px;border-radius:6px;margin-bottom:6px}.skeleton-text{height:13px;border-radius:4px;margin-bottom:4px}.skeleton-text-sm{height:10px;border-radius:3px}.skeleton-badge{height:22px;width:72px;border-radius:12px}.skeleton-btn{height:36px;width:90px;border-radius:8px}.skeleton-input{height:42px;width:100%;border-radius:10px}.skeleton-stat-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--card-border-radius);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur)}.skeleton-stat-card .stat-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-chart-card{padding:24px;border-radius:var(--card-border-radius);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:16px}.skeleton-chart-placeholder{height:260px;width:100%;border-radius:12px;background:#ffffff08;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-around;padding:16px 20px;gap:12px}.skeleton-chart-bar{width:100%;max-width:24px;border-radius:6px 6px 0 0;background:#ffffff0f;animation:pulseGlow 1.8s ease-in-out infinite alternate}body.light-theme .skeleton-chart-bar{background:#0000000f}.skeleton-row td{padding:16px 20px!important;border-bottom:1px solid var(--glass-border)}.fade-in{animation:fadeInContent .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInContent{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cdk-overlay-container{z-index:999999!important}.mat-mdc-snack-bar-container{margin:20px!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:#0f172a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;box-shadow:0 16px 40px #000000bf,0 0 20px #00000080!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;padding:12px 18px!important;max-width:540px!important;min-width:320px!important}.mat-mdc-snack-bar-container .mdc-snackbar__label{color:#f8fafc!important;font-family:var(--font-family, "Outfit", sans-serif)!important;font-size:.88rem!important;line-height:1.5!important;word-break:break-word!important}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action{color:#a5b4fc!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-family:var(--font-family, "Outfit", sans-serif)!important}.snack-bar-error .mdc-snackbar__surface{background:linear-gradient(135deg,#2a1215,#0f172a)!important;border:1.5px solid rgba(239,68,68,.65)!important;box-shadow:0 16px 40px #000c,0 0 25px #ef44444d!important}.snack-bar-error .mdc-snackbar__label{color:#fecaca!important}.snack-bar-error .mat-mdc-snack-bar-action{color:#ef4444!important}.snack-bar-success .mdc-snackbar__surface{background:linear-gradient(135deg,#0d281e,#0f172a)!important;border:1.5px solid rgba(16,185,129,.65)!important;box-shadow:0 16px 40px #000c,0 0 25px #10b9814d!important}.snack-bar-success .mdc-snackbar__label{color:#a7f3d0!important}.snack-bar-success .mat-mdc-snack-bar-action{color:#10b981!important}