:root{--bg-base: #0B0E14;--bg-base-gradient: linear-gradient(135deg, #0F172A 0%, #151D2D 50%, #182233 100%);--bg-image-opacity: .08;--bg-surface: #1D2432;--bg-card: #1D2432;--bg-card-subtle: #242D3E;--bg-surface-low: #151D2D;--bg-surface-elevated: #1D2432;--bg-sidebar: #0F121C;--bg-sidebar-solid: #0F121C;--bg-header-solid: #1B2230;--bg-overlay: rgba(11, 14, 20, .9);--border-color: #2A3448;--bg-select-option: #1D2432;--bg-input: rgba(255, 255, 255, .02);--bg-input-subtle: rgba(255, 255, 255, .03);--bg-input-subtle-hover: rgba(255, 255, 255, .05);--bg-btn-secondary-hover: rgba(255, 255, 255, .05);--bg-nav-item-hover: rgba(255, 255, 255, .03);--bg-table-header: #141B2D;--bg-table-row-hover: rgba(255, 255, 255, .01);--bg-btn-icon: rgba(255, 255, 255, .02);--bg-detail-modal: #1D2432;--border-btn-secondary-hover: rgba(255, 255, 255, .2);--bg-skeleton-cell: rgba(255, 255, 255, .05);--bg-upload-zone: rgba(255, 255, 255, .01);--border-upload-zone: rgba(255, 255, 255, .15);--color-primary: #1E66FF;--color-primary-glow: rgba(30, 102, 255, .2);--color-success: #05C46B;--color-success-glow: rgba(5, 196, 107, .2);--color-warning: #FFC048;--color-error: #FF5E57;--color-error-glow: rgba(255, 94, 87, .2);--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-muted: #9CA3AF;--glass-bg: rgba(20, 24, 36, .45);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--sidebar-width: 240px;--header-height: 70px;--border-radius-lg: 18px;--border-radius-md: 12px;--border-radius-sm: 8px;--border-radius-xs: 6px;--transition-smooth: opacity .3s cubic-bezier(.25, .8, .25, 1), transform .3s cubic-bezier(.25, .8, .25, 1), background-color .3s cubic-bezier(.25, .8, .25, 1), border-color .3s cubic-bezier(.25, .8, .25, 1), box-shadow .3s cubic-bezier(.25, .8, .25, 1);--card-hover-glow: 0 0 0 1px rgba(30, 102, 255, .25), 0 8px 32px rgba(30, 102, 255, .12);--card-resting-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--sparkline-bar-color: rgba(30, 102, 255, .55);--sparkline-bar-highlight: #1E66FF;--sparkline-bar-success: rgba(5, 196, 107, .55);--sparkline-bar-error: rgba(255, 94, 87, .55);--timeline-line-color: rgba(255, 255, 255, .06);--timeline-dot-size: 10px;--health-bar-track: rgba(255, 255, 255, .06);--health-bar-fill-green: #05C46B;--health-bar-fill-amber: #FFC048;--health-bar-fill-red: #FF5E57;--chip-pending-bg: rgba(255, 192, 72, .12);--chip-pending-border: rgba(255, 192, 72, .3);--chip-pending-text: #FFC048;--header-search-bg: rgba(255, 255, 255, .04);--header-search-border: rgba(255, 255, 255, .1);--header-search-focus-border: rgba(30, 102, 255, .5);--header-action-btn-bg: rgba(255, 255, 255, .03);--header-action-btn-hover: rgba(255, 255, 255, .08);--trend-up-color: #05C46B;--trend-down-color: #FF5E57;--trend-neutral-color: #FFC048;--hero-gradient: linear-gradient(135deg, rgba(30, 102, 255, .12) 0%, rgba(5, 196, 107, .06) 100%);--text-page-title: 28px;--text-section: 22px;--text-card-title: 18px;--text-table-header: 12px;--text-body: 14px;--text-caption: 12px;--btn-height: 44px;--card-padding: 28px;--table-row-height: 64px;--border-radius-pill: 999px;--pill-active-bg: rgba(5, 196, 107, .12);--pill-active-color: #05C46B;--pill-active-border: rgba(5, 196, 107, .25);--pill-trial-bg: rgba(30, 102, 255, .12);--pill-trial-color: #6B9FFF;--pill-trial-border: rgba(30, 102, 255, .25);--pill-expiring-bg: rgba(255, 192, 72, .12);--pill-expiring-color: #FFC048;--pill-expiring-border: rgba(255, 192, 72, .3);--pill-expired-bg: rgba(255, 94, 87, .12);--pill-expired-color: #FF5E57;--pill-expired-border: rgba(255, 94, 87, .25);--pill-cancelled-bg: rgba(156, 163, 175, .1);--pill-cancelled-color: #9CA3AF;--pill-cancelled-border: rgba(156, 163, 175, .2);--pill-free-bg: rgba(255, 255, 255, .06);--pill-free-color: #9CA3AF;--pill-free-border: rgba(255, 255, 255, .12);--pill-high-bg: rgba(255, 94, 87, .12);--pill-high-color: #FF5E57;--pill-high-border: rgba(255, 94, 87, .25);--pill-medium-bg: rgba(255, 192, 72, .12);--pill-medium-color: #FFC048;--pill-medium-border: rgba(255, 192, 72, .25);--pill-low-bg: rgba(30, 102, 255, .1);--pill-low-color: #6B9FFF;--pill-low-border: rgba(30, 102, 255, .2);--table-alt-row-dark: rgba(255, 255, 255, .015);--table-row-hover-accent: rgba(30, 102, 255, .04);--table-row-hover-left-border: var(--color-primary);--sidebar-group-label-color: rgba(255, 255, 255, .28);--sidebar-group-label-size: 10px;--sidebar-active-indicator: rgba(255, 255, 255, .4);--anim-fade-in: .15s cubic-bezier(.2, .8, .2, 1);--anim-scale-from: scale(.98) translateY(5px);--anim-scale-to: scale(1) translateY(0)}html[data-theme=light]{--bg-base: #F7F8FC;--bg-base-gradient: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 50%, #E2E8F0 100%);--bg-image-opacity: .02;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-subtle: #F8FAFC;--bg-surface-low: #F8FAFC;--bg-surface-elevated: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-sidebar-solid: #FFFFFF;--bg-header-solid: #FFFFFF;--bg-overlay: rgba(247, 248, 252, .9);--border-color: #E7EAF2;--bg-select-option: #ffffff;--bg-input: #ffffff;--bg-input-subtle: rgba(0, 0, 0, .03);--bg-input-subtle-hover: rgba(0, 0, 0, .05);--bg-btn-secondary-hover: rgba(0, 0, 0, .04);--bg-nav-item-hover: rgba(0, 0, 0, .04);--bg-table-header: #F1F5F9;--bg-table-row-hover: rgba(0, 0, 0, .01);--bg-btn-icon: rgba(0, 0, 0, .03);--bg-detail-modal: #ffffff;--border-btn-secondary-hover: rgba(0, 0, 0, .15);--bg-skeleton-cell: rgba(0, 0, 0, .05);--bg-upload-zone: rgba(0, 0, 0, .01);--border-upload-zone: rgba(0, 0, 0, .12);--color-primary: #1E66FF;--color-primary-glow: rgba(30, 102, 255, .1);--color-success: #10B981;--color-success-glow: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-error: #EF4444;--color-error-glow: rgba(239, 68, 68, .15);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--card-hover-glow: 0 0 0 1px rgba(30, 102, 255, .2), 0 8px 32px rgba(30, 102, 255, .08);--card-resting-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.05);--sparkline-bar-color: rgba(30, 102, 255, .4);--sparkline-bar-highlight: #1E66FF;--sparkline-bar-success: rgba(16, 185, 129, .4);--sparkline-bar-error: rgba(239, 68, 68, .4);--timeline-line-color: rgba(0, 0, 0, .06);--health-bar-track: rgba(0, 0, 0, .06);--health-bar-fill-green: #10B981;--health-bar-fill-amber: #F59E0B;--health-bar-fill-red: #EF4444;--chip-pending-bg: rgba(245, 158, 11, .1);--chip-pending-border: rgba(245, 158, 11, .3);--chip-pending-text: #B45309;--header-search-bg: rgba(0, 0, 0, .04);--header-search-border: rgba(0, 0, 0, .1);--header-search-focus-border: rgba(30, 102, 255, .4);--header-action-btn-bg: rgba(0, 0, 0, .03);--header-action-btn-hover: rgba(0, 0, 0, .06);--hero-gradient: linear-gradient(135deg, rgba(30, 102, 255, .06) 0%, rgba(16, 185, 129, .04) 100%);--glass-bg: #FFFFFF;--glass-border: #E7EAF2;--table-alt-row-dark: #FAFBFC;--card-resting-shadow: 0 8px 30px rgba(0,0,0,.05)}html[data-theme=dark]{--bg-base: #0B0E14;--bg-base-gradient: linear-gradient(135deg, #0F172A 0%, #151D2D 50%, #182233 100%);--bg-image-opacity: .08;--bg-surface: #1D2432;--bg-card: #1D2432;--bg-card-subtle: #242D3E;--bg-surface-low: #151D2D;--bg-sidebar: #0F121C;--bg-sidebar-solid: #0F121C;--bg-header-solid: #1B2230;--bg-overlay: rgba(11, 14, 20, .9);--border-color: #2A3448;--bg-select-option: #1D2432;--bg-input: rgba(255, 255, 255, .02);--color-primary: #1E66FF;--color-primary-glow: rgba(30, 102, 255, .2);--color-success: #05C46B;--color-success-glow: rgba(5, 196, 107, .2);--color-warning: #FFC048;--color-error: #FF5E57;--color-error-glow: rgba(255, 94, 87, .2);--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-muted: #9CA3AF;--glass-bg: #1B2230;--glass-border: #2A3448;--bg-detail-modal: #1D2432;--card-resting-shadow: 0 4px 16px rgba(0, 0, 0, .25)}@media(prefers-color-scheme:light){html[data-theme=system]{--bg-base: #F7F8FC;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-subtle: #F8FAFC;--bg-surface-low: #F8FAFC;--bg-sidebar: #FCFCFD;--bg-sidebar-solid: #FCFCFD;--bg-header-solid: #FFFFFF;--bg-overlay: rgba(247, 248, 252, .9);--border-color: #E7EAF2;--bg-select-option: #ffffff;--bg-input: #ffffff;--bg-input-subtle: rgba(0, 0, 0, .03);--bg-input-subtle-hover: rgba(0, 0, 0, .05);--bg-btn-secondary-hover: rgba(0, 0, 0, .04);--bg-nav-item-hover: rgba(0, 0, 0, .04);--bg-table-header: #F1F5F9;--bg-table-row-hover: rgba(0, 0, 0, .01);--bg-btn-icon: rgba(0, 0, 0, .03);--bg-detail-modal: #ffffff;--border-btn-secondary-hover: rgba(0, 0, 0, .15);--bg-skeleton-cell: rgba(0, 0, 0, .05);--bg-upload-zone: rgba(0, 0, 0, .01);--border-upload-zone: rgba(0, 0, 0, .12);--color-primary: #1E66FF;--color-primary-glow: rgba(30, 102, 255, .1);--color-success: #10B981;--color-success-glow: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-error: #EF4444;--color-error-glow: rgba(239, 68, 68, .15);--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--card-hover-glow: 0 0 0 1px rgba(30, 102, 255, .2), 0 8px 32px rgba(30, 102, 255, .08);--card-resting-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.05);--sparkline-bar-color: rgba(30, 102, 255, .4);--sparkline-bar-highlight: #1E66FF;--sparkline-bar-success: rgba(16, 185, 129, .4);--sparkline-bar-error: rgba(239, 68, 68, .4);--timeline-line-color: rgba(0, 0, 0, .06);--health-bar-track: rgba(0, 0, 0, .06);--health-bar-fill-green: #10B981;--health-bar-fill-amber: #F59E0B;--health-bar-fill-red: #EF4444;--chip-pending-bg: rgba(245, 158, 11, .1);--chip-pending-border: rgba(245, 158, 11, .3);--chip-pending-text: #B45309;--header-search-bg: rgba(0, 0, 0, .04);--header-search-border: rgba(0, 0, 0, .1);--header-search-focus-border: rgba(30, 102, 255, .4);--header-action-btn-bg: rgba(0, 0, 0, .03);--header-action-btn-hover: rgba(0, 0, 0, .06);--hero-gradient: linear-gradient(135deg, rgba(30, 102, 255, .06) 0%, rgba(16, 185, 129, .04) 100%);--glass-bg: #FFFFFF;--glass-border: #E7EAF2;--table-alt-row-dark: #FAFBFC;--card-resting-shadow: 0 8px 30px rgba(0,0,0,.05)}}*{margin:0;padding:0;box-sizing:border-box}.material-symbols-outlined,.material-icons,[class*=material-],.logo-icon,.input-icon,.header-grid-icon,.toast-icon,.kpi-icon,.kpi-trend,.empty-state-icon,.error-icon,.btn-icon,svg,kbd{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-low);border-radius:99px;transition:var(--transition-smooth)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}body{font-family:Inter,sans-serif;background:var(--bg-base-gradient, #0B0E14);color:var(--text-primary);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--bg-surface-low) var(--bg-base);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/hillll-DNoDtK5d.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--bg-image-opacity, .08);z-index:-1;pointer-events:none}h1,h2,h3,h4,.logo-title{font-family:Outfit,sans-serif}.admin-app-container{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.admin-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar-solid);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;max-height:100vh;z-index:100;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.admin-sidebar{background:var(--bg-sidebar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:16px;font-weight:800;letter-spacing:1.5px;color:var(--text-primary)}.logo-subtitle{font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.sidebar-nav{flex:1 1 0;min-height:0;padding:16px 16px 24px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;font-size:14px;transition:var(--transition-smooth)}.nav-item span.material-symbols-outlined{font-size:20px;transition:var(--transition-smooth)}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-nav-item-hover)}.nav-item.active{color:#fff;background-color:var(--color-primary);box-shadow:0 4px 15px var(--color-primary-glow)}.nav-item.active span.material-symbols-outlined{transform:scale(1.15)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);flex-shrink:0}.admin-profile{display:flex;align-items:center;gap:12px}.admin-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),#00A8FF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px}.admin-info{display:flex;flex-direction:column}.admin-name{font-size:14px;font-weight:600;color:var(--text-primary)}.admin-role{font-size:11px;color:var(--text-muted)}.admin-main{margin-left:var(--sidebar-width);flex:1 1 0%;min-width:0;max-width:calc(100% - var(--sidebar-width));min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:margin-left .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1)}.admin-header{height:64px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--card-resting-shadow);display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin:16px 24px 0;position:sticky;top:16px;z-index:90;transition:all .2s ease}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-icon-container{width:40px;height:40px;background:var(--bg-input-subtle);border:1px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-grid-icon{font-size:20px;color:var(--color-primary)}#page-title{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap;margin:0;letter-spacing:-.01em}.header-center{flex:1;min-width:300px;max-width:320px;transition:max-width .25s cubic-bezier(.4,0,.2,1)}.header-center:focus-within{max-width:440px}.header-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.header-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-secondary);pointer-events:none;transition:color .2s ease,transform .2s ease}.header-search-input{width:100%;height:48px;padding:0 54px 0 48px;background:var(--header-search-bg);border:1px solid var(--header-search-border);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:500;outline:none;box-shadow:inset 0 1px #ffffff0d;transition:all .2s ease}.header-search-input::placeholder{color:var(--text-muted);font-size:14px;font-weight:400}.header-search-kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:3px 7px;font-size:11px;font-weight:600;font-family:inherit;color:var(--text-secondary);background:var(--bg-input-subtle);border:1px solid var(--border-color);border-radius:6px;pointer-events:none;transition:all .2s ease}.header-search-input:hover{border-color:#1e66ff59}.header-search-input:focus{background:var(--bg-input);border-color:var(--color-primary);box-shadow:0 0 0 3px #1e66ff26}.header-search-input:focus~.header-search-icon,.header-search-wrapper:focus-within .header-search-icon{color:var(--color-primary);transform:translateY(-50%) scale(1.08)}.header-search-wrapper:focus-within .header-search-kbd{color:var(--color-primary);border-color:var(--color-primary-glow);background:var(--color-primary-glow)}.header-divider{width:1px;height:24px;background-color:var(--border-color);flex-shrink:0}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.header-action-btn{position:relative;width:40px;height:40px;border-radius:10px;background:var(--header-action-btn-bg);border:1px solid var(--border-color);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-action-btn:hover{background:var(--header-action-btn-hover);border-color:#1e66ff59;transform:translateY(-1px) scale(1.04)}.header-action-btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e66ff26}.header-action-btn .material-symbols-outlined{font-size:22px;color:var(--text-primary);transition:color .2s ease}.header-action-btn:hover .material-symbols-outlined{color:var(--color-primary)}.header-action-btn.notif-btn:hover .material-symbols-outlined{animation:bell-ring .6s ease}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.header-action-btn.notif-btn .material-symbols-outlined{font-size:22px;color:var(--text-primary);transition:color .2s ease}.header-notif-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-select-option);box-shadow:0 2px 6px #ef444466;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.system-time{display:flex;align-items:center;gap:8px;height:48px;min-width:160px;padding:0 16px;background:var(--header-action-btn-bg);border-radius:14px;border:1px solid var(--border-color);color:var(--text-primary);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center}.system-time .clock-icon{font-size:18px;color:var(--text-secondary)}.env-status-pill{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-radius:9999px;background:var(--color-success-glow);border:1px solid rgba(5,196,107,.2);color:var(--color-success);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:all .2s ease;cursor:default;position:relative}.env-status-pill:hover{background:#05c46b40;box-shadow:0 0 12px #05c46b33}.env-status-pill:after{content:"Host IP: 127.0.0.1\aLatency: 4ms (Connected)૚tabase Node: pg-primary-01\aSync Status: Synchronized"!important;white-space:pre-wrap!important;text-align:left!important;position:absolute!important;top:56px!important;right:0!important;background:#1e293b!important;color:#fff!important;padding:10px 14px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:500!important;line-height:1.5!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s ease-out,transform .15s ease-out!important;box-shadow:0 8px 24px #0003!important;z-index:1000!important;transform:translateY(-4px)!important;border:1px solid rgba(255,255,255,.05)!important}html[data-theme=dark] .env-status-pill:after{background:#0f172a!important;border-color:#ffffff14!important}.env-status-pill:hover:after{opacity:1!important;transform:translateY(0)!important}.status-dot-green{width:8px;height:8px;border-radius:50%;background-color:var(--color-success);display:inline-block;flex-shrink:0;box-shadow:0 0 6px var(--color-success)}.content-viewport{flex-grow:1;box-sizing:border-box;padding:24px 32px;padding-top:calc(24px + var(--header-height));animation:fadeIn .4s ease-out;min-width:0;max-width:100%;width:100%}html{scroll-padding-top:calc(var(--header-height) + 16px)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.05);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-notice-banner{background:var(--bg-surface-low);border:1px solid var(--border-color);border-left:4px solid var(--color-warning);padding:12px 20px;margin:16px 32px 0;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:var(--text-primary)}.btn-dismiss-notice{background:var(--color-primary-glow);border:1px solid rgba(30,102,255,.3);color:var(--color-primary);padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:var(--transition-smooth)}.btn-dismiss-notice:hover{background:var(--color-primary);color:#fff}@media(max-width:768px){.content-viewport{padding:16px;padding-top:calc(16px + var(--header-height))}.mobile-notice-banner{margin:12px 16px 0;flex-direction:column;align-items:flex-start}}.sidebar-nav .nav-item{position:relative;transition:all .2s ease}.sidebar-nav .nav-item.active{background:#1e66ff1f!important;color:var(--color-primary)!important;font-weight:600}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background-color:var(--color-primary);border-radius:0 4px 4px 0;box-shadow:0 0 8px var(--color-primary-glow)}.notifications-dropdown{position:absolute;top:calc(var(--header-height) - 8px);right:70px;width:360px;background:var(--bg-sidebar-solid);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 12px 32px #0006;z-index:1000;overflow:hidden;animation:fadeIn .2s ease-out}.notifications-dropdown.hidden{display:none!important}.notifications-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:#ffffff05}.notifications-dropdown-header h3{font-size:14px;font-weight:700;color:var(--text-primary)}.notifications-dropdown-header button{background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer}.notifications-dropdown-body{max-height:320px;overflow-y:auto}.notification-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);transition:background .2s ease}.notification-dropdown-item:hover{background:#ffffff08}.notification-dropdown-item.unread{background:#1e66ff0a}.notification-dropdown-item .notification-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-dropdown-item .notification-icon.warning{background:#ffc0481f;color:var(--color-warning)}.notification-dropdown-item .notification-icon.success{background:#05c46b1f;color:var(--color-success)}.notification-dropdown-item .notification-icon.info{background:#1e66ff1f;color:var(--color-primary)}.notification-info{flex:1}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.notification-desc{font-size:12px;color:var(--text-secondary);line-height:1.3}.notification-time{font-size:10px;color:var(--text-muted);margin-top:4px;display:block}.notifications-dropdown-footer{padding:10px;text-align:center;border-top:1px solid var(--border-color);background:#0000001a}.notifications-dropdown-footer a{font-size:12px;font-weight:600;color:var(--color-primary);text-decoration:none}.dash-hero-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-hero-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff14;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-hero-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-glow)}.btn-hero-action .material-symbols-outlined{font-size:16px}.material-symbols-outlined,.material-icons,[class*=material-],.btn .material-symbols-outlined,.admin-table .material-symbols-outlined,.user-table .material-symbols-outlined,.badge-role .material-symbols-outlined,.kpi-icon .material-symbols-outlined,.empty-state-icon{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:24px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d;border-color:#ffffff1a}.metric-details h3{font-size:13px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.metric-value{font-size:28px;font-weight:800;color:var(--text-primary)}.metric-icon{width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.metric-icon.blue{background-color:var(--color-primary-glow);color:var(--color-primary)}.metric-icon.green{background-color:var(--color-success-glow);color:var(--color-success)}.metric-icon.yellow{background-color:#ffc0481a;color:var(--color-warning)}.metric-icon.red{background-color:var(--color-error-glow);color:var(--color-error)}.metric-icon.purple{background-color:#9c27b01f;color:#ce93d8}.metric-icon.gold{background-color:#ffc1071f;color:#ffd54f}.metric-icon span{font-size:24px}.dashboard-panels-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1024px){.dashboard-panels-grid{grid-template-columns:1fr}}.panel-container{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08))}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-header h2{font-size:18px;font-weight:700}.chart-body{display:flex;align-items:flex-end;justify-content:space-between;height:220px;padding-top:20px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%;justify-content:flex-end;position:relative}.chart-bar-value{font-size:11px;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1;pointer-events:none;transition:transform .2s ease,color .2s ease}.chart-bar-wrapper:hover .chart-bar-value{color:var(--color-primary);transform:translateY(-2px)}.dash-period-select{background-color:var(--bg-card, #1D2432);color:var(--text-primary, #FFFFFF);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--border-radius-sm, 6px);padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:var(--transition-fast, .2s ease)}.dash-period-select:hover,.dash-period-select:focus{border-color:var(--color-primary, #1E66FF)}.chart-bar{width:60%;min-height:8px;background:linear-gradient(to top,var(--color-primary),#4785FF);border-radius:4px 4px 0 0;transition:height .8s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 0 10px #1e66ff1a}.chart-bar-wrapper:hover .chart-bar{background:linear-gradient(to top,#00a8ff,#1e66ff);box-shadow:0 0 15px #00a8ff4d}.chart-bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%) scale(.8);background-color:var(--bg-surface-low);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:var(--transition-smooth);white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.chart-bar-wrapper:hover .chart-bar-tooltip{opacity:1;transform:translate(-50%) scale(1)}.chart-label{margin-top:10px;font-size:11px;color:var(--text-muted)}.distribution-list{display:flex;flex-direction:column;gap:16px;overflow:hidden}.pie-chart-container{overflow:hidden}.pie-chart-container svg{max-width:100%;height:auto;flex-shrink:0}.pie-chart-legend{min-width:0;overflow:hidden}.donut-chart-container{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;width:100%}.donut-svg-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:150px;height:150px;margin:0 auto}.donut-svg-wrapper svg{max-width:100%;height:auto;flex-shrink:0;overflow:visible}.donut-slice{cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease,filter .2s ease;transform-origin:100px 100px;outline:none}.donut-slice:hover,.donut-slice:focus-visible{transform:scale(1.04);filter:brightness(1.15) drop-shadow(0 2px 8px rgba(0,0,0,.35));opacity:.95}.donut-center-total{fill:var(--text-primary);font-family:var(--font-heading, "Outfit", sans-serif);font-weight:800;-webkit-user-select:none;user-select:none}.donut-center-label{fill:var(--text-muted);font-weight:600;-webkit-user-select:none;user-select:none}.donut-breakdown-list{flex:1;min-width:140px;display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto;padding-right:4px}.donut-breakdown-list::-webkit-scrollbar{width:4px}.donut-breakdown-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.donut-breakdown-item{display:flex;align-items:flex-start;gap:10px;transition:transform .15s ease}.donut-breakdown-item:hover{transform:translate(2px)}.donut-breakdown-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.donut-breakdown-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.donut-breakdown-stat{font-size:12px;color:var(--text-muted);line-height:1.4}.donut-empty-state,.donut-error-state{width:100%}.dist-item{display:flex;flex-direction:column;gap:8px}.dist-meta{display:flex;justify-content:space-between;font-size:13px;font-weight:500}.dist-label{color:var(--text-secondary)}.dist-val{color:var(--text-primary);font-weight:700}.dist-bar-container{height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden}.dist-bar-fill{height:100%;background-color:var(--color-primary);border-radius:3px;transition:width .5s ease-out}.dist-bar-fill.emerald{background-color:var(--color-success)}.dist-bar-fill.gold{background-color:var(--color-warning)}.view-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.user-stats-grid,.metrics-grid,.kpi-grid{gap:16px;margin-bottom:16px}.search-box-wrapper{position:relative;flex-grow:1;max-width:480px}.search-box-wrapper span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-muted)}.search-input{width:100%;height:44px;background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0 16px 0 44px;color:var(--text-primary);font-size:13.5px;outline:none;box-shadow:0 1px 3px #00000014;transition:var(--transition-smooth)}.search-input::placeholder{color:var(--text-muted);opacity:.85}.search-input:hover{border-color:#1e66ff66;background-color:var(--bg-card, #ffffff)}.search-input:focus-visible,.search-input:focus{border-color:var(--color-primary);background-color:var(--bg-card, #ffffff);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.btn-primary,.btn-secondary,.btn-danger,.btn-success{border:none;border-radius:var(--border-radius-md, 12px);height:42px;min-height:var(--btn-height, 44px);padding:0 20px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth);outline:none}.btn-primary{background:linear-gradient(135deg,#1e66ff,#1752d8);color:#fff;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 14px #1e66ff59}.btn-primary:hover{background:linear-gradient(135deg,#2d72ff,#1e66ff);box-shadow:0 6px 20px #1e66ff73;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.btn-secondary:hover{background-color:var(--bg-card-subtle, #f8fafc);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 3px 8px #0000001f;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background-color:var(--color-error);color:#fff;box-shadow:0 4px 10px var(--color-error-glow)}.btn-danger:hover{background-color:#ff7675;box-shadow:0 6px 15px var(--color-error-glow);transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.btn-success{background-color:var(--color-success);color:#fff;box-shadow:0 4px 10px var(--color-success-glow)}.btn-success:hover{background-color:#26de81;box-shadow:0 6px 15px var(--color-success-glow);transform:translateY(-2px)}.btn-success:active{transform:translateY(0)}button:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-success:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-success:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.table-responsive{width:100%;overflow-x:auto;background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08));min-height:auto;padding-bottom:12px}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.admin-table th{background:var(--bg-table-header);padding:14px 20px;font-size:var(--text-table-header, 12px);font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;white-space:nowrap}.admin-table td{padding:0 20px;height:var(--table-row-height, 64px);font-size:var(--text-body, 14px);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:var(--table-row-hover-accent, rgba(30, 102, 255, .04))!important}.admin-table tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--table-row-hover-left-border, var(--color-primary))}.premium-pill{display:inline-flex;align-items:center;gap:4px;background-color:#fed65b1a;color:#ffd24d;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;border:1px solid rgba(254,214,91,.2)}.premium-pill.normal{background-color:#ffffff0d;color:var(--text-muted);border:1px solid transparent}.premium-pill span{font-size:12px}.cell-select{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px;border-radius:var(--border-radius-md);outline:none;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:var(--transition-smooth)}.cell-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.cell-select option,select option,.form-control option{background-color:var(--bg-select-option);color:var(--text-primary)}.btn-icon{width:32px;height:32px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-btn-icon);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-icon:hover{color:var(--color-error);border-color:#ff5e574d;background-color:#ff5e570d}.btn-icon span{font-size:18px}.btn-toggle-badge{background:transparent;border:none;cursor:pointer;outline:none;display:inline-block}.btn-toggle-badge:hover .premium-pill{transform:scale(1.05)}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.property-card{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-smooth)}.property-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a;border-color:#1e66ff26}.property-image-container{height:160px;position:relative;background-color:var(--bg-surface-low)}.property-img{width:100%;height:100%;object-fit:cover}.property-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center}.badge-tag{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff}.badge-tag.buy{background-color:var(--color-primary)}.badge-tag.rent{background-color:var(--color-warning);color:#000}.badge-tag.commercial{background-color:#8c7ae6;color:#fff}.badge-verification-btn{border:none;background:transparent;cursor:pointer}.verified-indicator{width:28px;height:28px;background-color:var(--bg-surface-low);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;transition:var(--transition-smooth)}.verified-indicator.active{color:var(--color-success);border-color:#05c46b4d;background-color:#05c46b1a}.verified-indicator span{font-size:18px}.property-info{padding:16px;flex-grow:1;display:flex;flex-direction:column}.prop-title{font-size:16px;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.prop-loc{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:12px}.prop-loc span{font-size:14px}.prop-specs{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.spec-item{display:flex;align-items:center;gap:4px}.spec-item span{font-size:16px;color:var(--text-muted)}.prop-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.prop-price{font-size:16px;font-weight:800;color:var(--color-primary)}.prop-actions{display:flex;align-items:center;gap:8px}.lock-toggle-btn{border:none;background:transparent;cursor:pointer}.lock-badge{width:30px;height:30px;border-radius:var(--border-radius-sm);background-color:#ffffff08;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-smooth)}.lock-badge.premium{color:#ffd24d;background-color:#fed65b1a;border-color:#fed65b33}.lock-badge span{font-size:18px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out}.modal-content{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);width:100%;max-width:min(480px,calc(100vw - 24px));box-shadow:0 20px 50px #0003;animation:modalSlideUp .3s cubic-bezier(.25,.8,.25,1);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden}#agent-view-modal .modal-content,.modal-content-lg,.modal-content[style*="max-width: 920px"],.modal-content[style*="920px"]{max-width:min(920px,calc(100vw - 24px))!important;width:94%!important;max-height:calc(100vh - 24px)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0003}.modal-footer{padding:16px 24px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:var(--bg-surface-low)}.form-section{margin-bottom:24px;padding-bottom:8px}.form-section:last-child{margin-bottom:0;padding-bottom:0}.stepper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.step-badge{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--border-color);color:var(--text-secondary);font-weight:700;font-size:11px;transition:all .25s ease}.step-badge.active{background-color:var(--color-primary);color:#fff;box-shadow:0 0 8px var(--color-primary-glow)}.step-badge.completed{background-color:var(--color-success);color:#fff}.progress-bar-track{height:4px;background-color:var(--bg-surface-low);border-radius:2px;margin-bottom:24px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.step-container{display:flex;flex-direction:column;gap:16px}.step-container.hidden{display:none!important}.property-preview-panel{position:sticky;top:0;align-self:start}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-control{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px 16px;color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition-smooth)}.form-control:focus{border-color:var(--color-primary);background-color:var(--bg-input-subtle-hover)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.user-dir-header{margin-bottom:24px}.user-dir-title-area{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.user-dir-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.5px}.user-dir-subtitle{font-size:13.5px;color:var(--text-secondary);margin:0}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;width:100%}.user-stat-card{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:16px 20px;display:flex;align-items:center;gap:14px;transition:var(--transition-smooth);min-width:0;box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08))}.user-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#1e66ff26}.user-stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-stat-icon span{font-size:22px}.user-stat-icon.blue{background:#3b82f626;color:#3b82f6}.user-stat-icon.green{background:#10b98126;color:#10b981}.user-stat-icon.gold{background:#f59e0b26;color:#f59e0b}.user-stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.user-stat-icon.cyan{background:#06b6d426;color:#06b6d4}.user-stat-icon.red{background:#ef444426;color:#ef4444}.user-stat-info{display:flex;flex-direction:column;min-width:0}.user-stat-value{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.1}.user-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-controls-bar{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr auto auto;align-items:center;gap:10px;background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:14px 20px;margin-bottom:20px;width:100%;box-sizing:border-box;box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08))}@media(max-width:1100px){.user-controls-bar{grid-template-columns:1fr 1fr 1fr 1fr}.user-controls-bar #btn-export-users,.user-controls-bar #btn-create-user{grid-column:span 2}}.user-controls-bar .search-box-wrapper{min-width:0;max-width:none}.user-controls-bar .filter-select-wrapper{min-width:0}.user-controls-bar .filter-select-wrapper select{width:100%}.user-controls-bar #btn-create-user{white-space:nowrap;justify-self:end}.users-table-wrapper{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);overflow-x:auto;max-width:100%;width:100%;box-shadow:0 4px 20px #0000000d;-webkit-overflow-scrolling:touch}.user-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left;font-size:13.5px}.user-table th{background-color:var(--bg-table-header, rgba(248, 250, 252, 1));padding:14px 24px;font-weight:700;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color);white-space:nowrap}.user-table td{padding:12px 24px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.user-table tr:last-child td{border-bottom:none}.user-table tbody tr{transition:all .2s ease;height:72px}.user-table tbody tr:nth-child(2n){background-color:#00000004}.user-table tbody tr:hover{background-color:#3b82f60a}.user-avatar-cell{display:flex;align-items:center;gap:14px}.user-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0000001a;border:2px solid rgba(255,255,255,.5)}.user-avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--color-primary)}.user-name-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-full-name{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone-subtext{font-size:11.5px;color:var(--text-muted)}.badge-role{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 1px 3px #0000000d}.badge-role .material-symbols-outlined{font-size:14px}.badge-role.admin{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.badge-role.agent{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.badge-role.builder{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.badge-role.owner{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.badge-role.user{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.badge-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11.5px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.badge-status.active{background:#10b9811a;color:#059669}.badge-status.active .status-dot{background:#10b981;box-shadow:0 0 6px #10b981;animation:pulseDot 2s infinite}.badge-status.inactive{background:#94a3b81a;color:#64748b}.badge-status.inactive .status-dot{background:#94a3b8}.badge-status.suspended,.badge-status.blocked{background:#ef44441a;color:#dc2626}.badge-status.suspended .status-dot,.badge-status.blocked .status-dot{background:#ef4444;box-shadow:0 0 6px #ef4444}.badge-status.deactivated{background:#4755691a;color:#475569}.badge-status.deactivated .status-dot{background:#64748b}@keyframes pulseDot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.badge-membership{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-membership.free{background:#94a3b80d;color:#64748b;border:1px solid rgba(148,163,184,.1)}.badge-membership.premium{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2);box-shadow:0 2px 6px #f59e0b0d}.badge-membership.trial{background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.2)}.badge-membership.expired{background:#ef44440d;color:#ef4444;border:1px solid rgba(239,68,68,.1)}.action-btn-group{display:flex;gap:6px;justify-content:flex-end}.user-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card-subtle, var(--bg-surface-low));color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.user-action-btn:hover{transform:translateY(-2px)}.user-action-btn.view:hover{color:#3b82f6;border-color:#3b82f6;background:#3b82f60d;box-shadow:0 4px 12px #3b82f61a}.user-action-btn.edit:hover{color:#f59e0b;border-color:#f59e0b;background:#f59e0b0d;box-shadow:0 4px 12px #f59e0b1a}.user-action-btn.delete:hover{color:#ef4444;border-color:#ef4444;background:#ef44440d;box-shadow:0 4px 12px #ef44441a}.user-action-btn span{font-size:18px}.user-profile-modal-content{max-width:540px!important;width:95%!important;border-radius:20px!important;overflow:hidden!important;border:1px solid var(--border-color)!important;background:var(--bg-detail-modal, var(--bg-surface))!important;box-shadow:0 25px 50px -12px #0003!important;padding:0!important}.user-profile-hero{background:var(--bg-card-subtle, var(--bg-surface-low));padding:28px 24px;text-align:center;border-bottom:1px solid var(--border-color);position:relative}.user-profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:14px}.user-profile-avatar-large{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;margin:0 auto;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #0000001a}.user-profile-name{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 8px}.user-profile-pills{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.user-profile-grid{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-profile-field{background:var(--bg-input-subtle, rgba(255,255,255,.03));border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.user-profile-field.full-width{grid-column:span 2}.user-profile-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.user-profile-value{font-size:13.5px;font-weight:600;color:var(--text-primary);word-break:break-all}.user-profile-actions{padding:16px 24px;background:var(--bg-card-subtle, var(--bg-surface-low));border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dash-hero{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:28px 32px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.dash-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(30,102,255,.04) 0%,transparent 70%);pointer-events:none}.dash-hero-text h2{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:4px;line-height:1.2}.dash-hero-text p{font-size:14px;color:var(--text-secondary);max-width:480px}.dash-hero-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.dash-hero-stat{text-align:center;background:var(--bg-card-subtle, var(--bg-surface-low));border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px 20px;min-width:90px}.dash-hero-stat-val{font-size:22px;font-weight:800;color:var(--text-primary)}.dash-hero-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-bottom:28px}.kpi-card{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08));transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;cursor:default;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.kpi-card:hover{box-shadow:var(--card-hover-glow, 0 8px 24px rgba(0,0,0,.1));transform:translateY(-2px);border-color:#1e66ff40}.kpi-card:hover .kpi-icon{transform:scale(1.1) rotate(3deg)}.kpi-card:hover .kpi-card-value{transform:scale(1.02)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between}.kpi-card-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.kpi-icon{width:38px;height:38px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.kpi-icon .material-symbols-outlined{font-size:20px}.kpi-icon.blue{background:var(--color-primary-glow);color:var(--color-primary)}.kpi-icon.green{background:var(--color-success-glow);color:var(--color-success)}.kpi-icon.amber{background:#ffc0481f;color:var(--color-warning)}.kpi-icon.red{background:var(--color-error-glow);color:var(--color-error)}.kpi-icon.purple{background:#9c27b01f;color:#ce93d8}.kpi-card-value{font-size:34px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px;transition:transform .25s cubic-bezier(.4,0,.2,1);transform-origin:left center}.kpi-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;border-radius:99px;padding:3px 8px}.kpi-trend.up{background:#05c46b1a;color:var(--trend-up-color)}.kpi-trend.down{background:#ff5e571a;color:var(--trend-down-color)}.kpi-trend.neutral{background:#ffc0481a;color:var(--trend-neutral-color)}.kpi-trend .material-symbols-outlined{font-size:14px}.kpi-trend-label{font-size:11px;color:var(--text-muted)}.kpi-sparkline{display:flex;align-items:flex-end;gap:3px;height:36px}.sparkline-bar{flex:1;border-radius:2px 2px 0 0;background:var(--sparkline-bar-color);transition:background .2s ease,transform .2s ease;min-height:4px}.sparkline-bar:last-child{background:var(--sparkline-bar-highlight)}.kpi-sparkline:hover .sparkline-bar{background:#1e66ff59}.kpi-sparkline:hover .sparkline-bar:last-child{background:var(--sparkline-bar-highlight)}.kpi-sparkline.success .sparkline-bar{background:var(--sparkline-bar-success)}.kpi-sparkline.success .sparkline-bar:last-child{background:var(--health-bar-fill-green)}.kpi-sparkline.error .sparkline-bar{background:var(--sparkline-bar-error)}.kpi-sparkline.error .sparkline-bar:last-child{background:var(--health-bar-fill-red)}.dash-bottom-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-bottom:28px}@media(max-width:1280px){.dash-bottom-grid{grid-template-columns:1fr 1fr}.dash-bottom-grid>*:last-child{grid-column:1 / -1}}@media(max-width:768px){.dash-bottom-grid{grid-template-columns:1fr}}.dash-widget{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-resting-shadow, 0 1px 3px rgba(0,0,0,.08));display:flex;flex-direction:column}.dash-widget-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.dash-widget-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary)}.dash-widget-title .material-symbols-outlined{font-size:18px;color:var(--color-primary);opacity:.8}.dash-widget-badge{font-size:11px;font-weight:600;background:var(--chip-pending-bg);color:var(--chip-pending-text);border:1px solid var(--chip-pending-border);padding:3px 8px;border-radius:99px}.dash-widget-body{padding:16px 20px;flex:1;overflow-y:auto}.dash-widget-footer{padding:12px 20px;border-top:1px solid var(--border-color);flex-shrink:0}.dash-widget-link{font-size:12.5px;font-weight:600;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:opacity .2s ease}.dash-widget-link:hover{opacity:.75;text-decoration:underline}.timeline-feed{display:flex;flex-direction:column;gap:0;position:relative}.timeline-item{display:flex;gap:12px;padding:12px 0;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:12px;top:28px;bottom:-4px;width:1px;background:var(--timeline-line-color)}.timeline-dot{width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:50%;margin-top:5px;flex-shrink:0;position:relative;z-index:1}.timeline-dot-wrap{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-dot-wrap.blue{background:var(--color-primary-glow);color:var(--color-primary)}.timeline-dot-wrap.green{background:var(--color-success-glow);color:var(--color-success)}.timeline-dot-wrap.amber{background:#ffc0481f;color:var(--color-warning)}.timeline-dot-wrap.red{background:var(--color-error-glow);color:var(--color-error)}.timeline-dot-wrap.purple{background:#9c27b01f;color:#ce93d8}.timeline-dot-wrap .material-symbols-outlined{font-size:14px}.timeline-content{flex:1;min-width:0}.timeline-content p{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:3px}.timeline-content p strong{color:var(--text-primary);font-weight:600}.timeline-time{font-size:11px;color:var(--text-muted)}.approval-list{display:flex;flex-direction:column;gap:2px}.approval-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-color);transition:background .15s ease}.approval-item:last-child{border-bottom:none}.approval-item-icon{width:34px;height:34px;border-radius:var(--border-radius-sm);background:var(--chip-pending-bg);border:1px solid var(--chip-pending-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--chip-pending-text)}.approval-item-icon .material-symbols-outlined{font-size:16px}.approval-item-info{flex:1;min-width:0}.approval-item-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-item-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.approval-item-action{flex-shrink:0}.btn-review{font-size:11.5px;font-weight:600;color:var(--color-primary);background:var(--color-primary-glow);border:1px solid rgba(30,102,255,.2);padding:5px 10px;border-radius:99px;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.btn-review:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.health-list{display:flex;flex-direction:column;gap:14px}.health-item{display:flex;flex-direction:column;gap:6px}.health-item-header{display:flex;align-items:center;justify-content:space-between}.health-item-label{font-size:12.5px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.health-item-label .material-symbols-outlined{font-size:15px;opacity:.7}.health-item-pct{font-size:12px;font-weight:700;color:var(--text-primary)}.health-bar-track{height:6px;border-radius:99px;background:var(--health-bar-track);overflow:hidden}.health-bar-fill{height:100%;border-radius:99px;transition:width 1.2s cubic-bezier(.25,.8,.25,1)}.health-bar-fill.green{background:linear-gradient(90deg,var(--health-bar-fill-green),#00d87a)}.health-bar-fill.amber{background:linear-gradient(90deg,var(--health-bar-fill-amber),#ffd077)}.health-bar-fill.red{background:linear-gradient(90deg,var(--health-bar-fill-red),#ff7b77)}.dash-insights-table{width:100%;border-collapse:collapse}.dash-insights-table th{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:0 8px 10px;text-align:left;border-bottom:1px solid var(--border-color)}.dash-insights-table td{font-size:12.5px;color:var(--text-secondary);padding:10px 8px;border-bottom:1px solid var(--border-color);vertical-align:middle}.dash-insights-table tr:last-child td{border-bottom:none}.dash-insights-table td:first-child{color:var(--text-primary);font-weight:600;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insights-chip{font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:99px}.insights-chip.active{background:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(5,196,107,.15)}.insights-chip.pending{background:var(--chip-pending-bg);color:var(--chip-pending-text);border:1px solid var(--chip-pending-border)}.insights-chip.inactive{background:var(--color-error-glow);color:var(--color-error);border:1px solid rgba(255,94,87,.15)}.kpi-card-skeleton{background:var(--bg-card, var(--bg-surface));border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:12px;animation:shimmer 1.5s infinite linear}.skeleton-line{height:12px;border-radius:6px;background:var(--bg-skeleton-cell)}.skeleton-val{height:34px;border-radius:6px;background:var(--bg-skeleton-cell);width:60%}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(max-width:768px){.dash-hero{flex-direction:column;align-items:flex-start;padding:20px}.dash-hero-meta{width:100%;overflow-x:auto;padding-bottom:4px}.kpi-grid{grid-template-columns:1fr 1fr}.header-center{display:none}}@media(max-width:768px){.dash-hero{flex-direction:column;align-items:flex-start;padding:20px}.dash-hero-meta{width:100%;overflow-x:auto;padding-bottom:4px}.kpi-grid{grid-template-columns:1fr 1fr}.header-center{display:none}#page-title{font-size:17px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}@keyframes viewFadeIn{0%{opacity:0;transform:var(--anim-scale-from, scale(.98) translateY(5px))}to{opacity:1;transform:var(--anim-scale-to, scale(1) translateY(0))}}.view-content-fade{animation:viewFadeIn var(--anim-fade-in, .15s cubic-bezier(.2, .8, .2, 1)) both}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--border-radius-pill, 999px);padding:4px 12px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.2px;border:1px solid transparent;line-height:1.4;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease;will-change:background-color,color}.status-pill .pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s ease}.status-pill:hover .pill-dot{transform:scale(1.3)}.pill-active{background:var(--pill-active-bg);color:var(--pill-active-color);border-color:var(--pill-active-border)}.pill-trial{background:var(--pill-trial-bg);color:var(--pill-trial-color);border-color:var(--pill-trial-border)}.pill-expiring{background:var(--pill-expiring-bg);color:var(--pill-expiring-color);border-color:var(--pill-expiring-border)}.pill-expired{background:var(--pill-expired-bg);color:var(--pill-expired-color);border-color:var(--pill-expired-border)}.pill-cancelled{background:var(--pill-cancelled-bg);color:var(--pill-cancelled-color);border-color:var(--pill-cancelled-border)}.pill-free{background:var(--pill-free-bg);color:var(--pill-free-color);border-color:var(--pill-free-border)}.pill-high{background:var(--pill-high-bg);color:var(--pill-high-color);border-color:var(--pill-high-border)}.pill-medium{background:var(--pill-medium-bg);color:var(--pill-medium-color);border-color:var(--pill-medium-border)}.pill-low{background:var(--pill-low-bg);color:var(--pill-low-color);border-color:var(--pill-low-border)}html[data-theme=light] .pill-active{background:#10b9811a;color:#059669;border-color:#10b98140}html[data-theme=light] .pill-trial{background:#3b82f61a;color:#2563eb;border-color:#3b82f640}html[data-theme=light] .pill-expiring{background:#f59e0b1a;color:#d97706;border-color:#f59e0b4d}html[data-theme=light] .pill-expired{background:#ef44441a;color:#dc2626;border-color:#ef444440}html[data-theme=light] .pill-cancelled{background:#6b728014;color:#6b7280;border-color:#6b728033}html[data-theme=light] .pill-free{background:#0000000a;color:#6b7280;border-color:#0000001f}html[data-theme=light] .pill-high{background:#ef44441a;color:#dc2626;border-color:#ef444440}html[data-theme=light] .pill-medium{background:#f59e0b1a;color:#d97706;border-color:#f59e0b40}html[data-theme=light] .pill-low{background:#3b82f61a;color:#2563eb;border-color:#3b82f633}.membership-progress-track{height:4px;background:var(--health-bar-track, rgba(255,255,255,.06));border-radius:99px;overflow:hidden;margin-top:6px}.membership-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#00d87a);border-radius:99px;transition:width .8s ease}.membership-progress-fill.fill-warning{background:linear-gradient(90deg,var(--color-warning),#ffd077)}.membership-progress-fill.fill-danger{background:linear-gradient(90deg,var(--color-error),#ff7b77);animation:pulse-bar 1.5s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.membership-expiry-label{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}html[data-theme=light] .membership-progress-track{background:#0000000f}.page-hero{display:flex;flex-direction:column;gap:2px;margin-bottom:24px;padding-top:4px}.page-hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-hero-title{font-family:Outfit,sans-serif;font-size:var(--text-page-title, 28px);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;margin:0}.page-hero-subtitle{font-size:var(--text-caption, 12px);color:var(--text-muted);font-weight:400;margin:3px 0 0}.kpi-card-enterprise{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.kpi-card-enterprise:hover{transform:translateY(-2px);box-shadow:var(--card-hover-glow)}.kpi-card-enterprise .kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;font-size:20px}.kpi-card-enterprise .kpi-value{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;color:var(--text-primary);line-height:1.1}.kpi-card-enterprise .kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-muted)}.kpi-card-enterprise .kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:2px}.kpi-card-enterprise .kpi-trend.up{color:var(--trend-up-color, #05C46B)}.kpi-card-enterprise .kpi-trend.down{color:var(--trend-down-color, #FF5E57)}.kpi-card-enterprise .kpi-trend.flat{color:var(--trend-neutral-color, #FFC048)}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-bar .search-box-wrapper{flex:1;min-width:220px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;height:42px;border-radius:var(--border-radius-md, 12px);border:1px solid var(--border-color);background:var(--bg-input-subtle);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}.filter-chip:hover,.filter-chip:focus{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow);outline:none}.filter-chip select{background:transparent;border:none;outline:none;color:inherit;font-size:13px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-table thead{position:sticky;top:0;z-index:10}.admin-table tbody tr:nth-child(2n) td{background-color:var(--table-alt-row-dark, rgba(255, 255, 255, .015))}html[data-theme=light] .admin-table tbody tr:nth-child(2n) td{background-color:#fafbfc}.admin-table tbody tr{transition:background .15s ease,box-shadow .15s ease;cursor:default}.admin-table tbody tr:hover td{background-color:var(--table-row-hover-accent, rgba(30,102,255,.04))}.admin-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--table-row-hover-left-border, var(--color-primary))}.admin-table tbody tr.clickable-row:hover{cursor:pointer}.empty-state-enterprise{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 32px;gap:14px;text-align:center}.empty-state-enterprise .es-icon{font-size:64px;color:var(--text-muted);opacity:.35;line-height:1}.empty-state-enterprise .es-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.empty-state-enterprise .es-desc{font-size:14px;color:var(--text-muted);max-width:340px;line-height:1.6;margin:0}.btn-overflow-menu{width:32px;height:32px;border-radius:var(--border-radius-sm, 8px);border:1px solid var(--border-color);background:var(--bg-btn-icon);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);font-size:18px}.btn-overflow-menu:hover{background:var(--bg-input-subtle-hover);color:var(--text-primary);border-color:var(--border-btn-secondary-hover)}.overflow-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:168px;background:var(--bg-detail-modal);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 10px 40px #00000059;z-index:200;overflow:hidden;animation:viewFadeIn .12s ease both}.overflow-menu-dropdown.drop-up{top:auto;bottom:calc(100% + 6px)}.overflow-menu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.overflow-menu-dropdown button:hover{background:var(--bg-nav-item-hover);color:var(--text-primary)}.overflow-menu-dropdown button.danger{color:var(--color-error)}.overflow-menu-dropdown button.danger:hover{background:var(--color-error-glow);color:var(--color-error)}.overflow-menu-wrapper{position:relative;display:inline-block}.nav-group-label{list-style:none;font-size:var(--sidebar-group-label-size, 10px);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sidebar-group-label-color, rgba(255,255,255,.28));padding:16px 16px 6px;-webkit-user-select:none;user-select:none;pointer-events:none}.admin-sidebar.collapsed .nav-group-label{display:none}html[data-theme=light] .nav-group-label{color:#0000004d}.nav-item.active{position:relative;overflow:visible}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--sidebar-active-indicator, rgba(255,255,255,.45));border-radius:0 3px 3px 0}@keyframes skeleton-shimmer{0%,to{opacity:.35}50%{opacity:.7}}.skeleton{animation:skeleton-shimmer 1.6s ease-in-out infinite}.settings-tab-btn{background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;outline:none;display:flex;align-items:center;gap:8px;transition:all .2s ease}.settings-tab-btn:hover{color:var(--text-primary)}.settings-tab-btn.active{color:var(--color-primary);font-weight:600;border-bottom:2px solid var(--color-primary)}.settings-tabs-wrapper{display:flex;gap:16px;border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:8px}.ent-payments-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);padding-bottom:40px}.ent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.ent-breadcrumb{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.ent-breadcrumb a{color:var(--text-secondary);text-decoration:none}.ent-breadcrumb a:hover{color:var(--color-primary)}.ent-page-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.5px}.ent-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}@media(max-width:1400px){.ent-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.ent-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ent-kpi-grid{grid-template-columns:1fr}}.ent-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--card-resting-shadow);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.ent-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-glow)}.ent-kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ent-kpi-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ent-kpi-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.ent-kpi-icon.kpi-icon-revenue{background:#1e66ff1a;color:var(--color-primary)}.ent-kpi-icon.kpi-icon-today{background:#05c46b1a;color:var(--color-success)}.ent-kpi-icon.kpi-icon-success{background:#9333ea1a;color:#9333ea}.ent-kpi-icon.kpi-icon-failed{background:#ef44441a;color:var(--color-error)}.ent-kpi-icon.kpi-icon-active{background:#0284c71a;color:#0284c7}.ent-kpi-icon.kpi-icon-refunds{background:#db27771a;color:#db2777}.ent-kpi-val{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px}.ent-kpi-sub{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:4px}.sub-up{color:var(--color-success)}.sub-down{color:var(--color-error)}.sub-neutral{color:var(--text-secondary)}.ent-filter-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:var(--card-resting-shadow);display:flex;flex-direction:column;gap:14px}.ent-filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%}.ent-filter-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ent-search-box{flex:1;min-width:280px;position:relative}.ent-search-box input{width:100%;height:38px;padding-left:36px;padding-right:12px;background:var(--bg-input-subtle);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;transition:all .2s ease}.ent-search-box input:focus{border-color:var(--color-primary);background:var(--bg-input);box-shadow:0 0 0 3px #1e66ff26}.ent-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.ent-select{height:38px;padding:0 12px;background:var(--bg-input-subtle);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);font-weight:500;outline:none;cursor:pointer;transition:all .2s ease}.ent-select:focus{border-color:var(--color-primary);background:var(--bg-input);box-shadow:0 0 0 3px #1e66ff26}.ent-select option{background:var(--bg-select-option);color:var(--text-primary)}.ent-btn-outlined{height:38px;padding:0 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.ent-btn-outlined:hover{background:var(--bg-btn-secondary-hover);border-color:var(--border-btn-secondary-hover);transform:translateY(-1px)}.ent-btn-excel{background:var(--color-success);color:#fff;border:none;box-shadow:0 2px 6px #05c46b33}.ent-btn-excel:hover{background:#04b360;box-shadow:0 4px 12px #05c46b59;transform:translateY(-1px)}.ent-analytics-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:1024px){.ent-analytics-row{grid-template-columns:1fr}}.ent-chart-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--card-resting-shadow)}.ent-chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ent-chart-title{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.ent-pill-toggle{background:var(--bg-input-subtle);padding:3px;border-radius:8px;display:flex;gap:2px}.ent-pill-btn{border:none;background:transparent;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer}.ent-pill-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--card-hover-glow)}.ent-table-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-resting-shadow);overflow:hidden}.ent-table-head{padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:16px;font-weight:700;color:var(--text-primary)}.ent-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.ent-table{width:100%;min-width:1000px;table-layout:auto;border-collapse:separate;border-spacing:0;text-align:left}@media(min-width:1440px){.ent-table{min-width:1410px;table-layout:fixed}}@media(max-width:768px){.ent-table{min-width:800px}}@media(max-width:480px){.ent-table{min-width:620px}}.ent-table th{background:var(--bg-table-header);color:var(--text-secondary);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid var(--border-color)}.ent-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--text-primary);vertical-align:middle;overflow:hidden;background:var(--bg-surface)}.ent-table tr:hover td{background:var(--bg-table-row-hover)}.ent-table .user-avatar-cell{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.user-avatar-circle{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.ent-table th.col-user,.ent-table td.col-user{width:210px;min-width:210px;max-width:210px}.ent-table th.col-plan,.ent-table td.col-plan{width:85px;min-width:85px;max-width:85px}.ent-table th.col-amount,.ent-table td.col-amount{width:110px;min-width:110px;max-width:110px}.ent-table th.col-status,.ent-table td.col-status,.ent-table th.col-gateway,.ent-table td.col-gateway{width:115px;min-width:115px;max-width:115px}.ent-table th.col-invoice,.ent-table td.col-invoice{width:145px;min-width:145px;max-width:145px}.ent-table th.col-payment-id,.ent-table td.col-payment-id{width:165px;min-width:165px;max-width:165px}.ent-table th.col-order-id,.ent-table td.col-order-id{width:175px;min-width:175px;max-width:175px}.ent-table th.col-datetime,.ent-table td.col-datetime{width:145px;min-width:145px;max-width:145px;white-space:nowrap;overflow:hidden}.ent-table th.col-actions{width:155px;min-width:155px;max-width:155px;white-space:nowrap;position:sticky;right:0;z-index:5;background:var(--bg-table-header);box-shadow:-4px 0 8px #00000014;text-align:center}.ent-table td.col-actions{width:155px;min-width:155px;max-width:155px;white-space:nowrap;position:sticky;right:0;z-index:5;background:var(--bg-surface);box-shadow:-4px 0 8px #00000014;text-align:center}.ent-table tr:hover td.col-actions{background:var(--bg-card-subtle)}.id-cell{display:inline-flex;align-items:center;gap:6px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.id-text{font-family:monospace;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.order-id-text{color:var(--text-secondary)}.datetime-cell{display:flex;flex-direction:column;gap:2px;line-height:1.3;min-width:0;width:100%;overflow:hidden}.date-line{font-weight:600;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.time-line{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.user-info-text{min-width:0;overflow:hidden}.user-name-text{font-weight:700;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ent-table .user-email-text{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-plan{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge-plan-pro,.badge-plan-gold{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-plan-lite,.badge-plan-silver{background:#1e66ff26;color:#1e66ff;border:1px solid rgba(30,102,255,.3)}.badge-plan-platinum,.badge-plan-elite{background:#9333ea26;color:#9333ea;border:1px solid rgba(147,51,234,.3)}.ent-table .badge-status{padding:3px 8px;border-radius:16px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-status-paid{background:#10b98126;color:#10b981}.badge-status-pending{background:#f59e0b26;color:#f59e0b}.badge-status-failed{background:#ef444426;color:#ef4444}.badge-status-refunded{background:#9333ea26;color:#9333ea}.badge-status-partially-refunded{background:#f9731626;color:#f97316}.badge-status-authorized{background:#a855f726;color:#a855f7}.badge-status-created{background:#94a3b826;color:#64748b}.copy-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;min-width:22px;box-sizing:border-box}.copy-icon-btn:hover{color:var(--color-primary);background:var(--bg-btn-secondary-hover)}.action-icon-group{display:flex;align-items:center;gap:4px;justify-content:center}.action-btn-circle{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-btn-icon);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.action-btn-circle:hover{background:var(--bg-btn-secondary-hover);color:var(--color-primary);border-color:var(--border-btn-secondary-hover)}.ent-pagination-bar{padding:14px 20px;background:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0d13a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s ease;will-change:opacity}.drawer-mask.active,.drawer-mask:not([style*="display: none"]):not(.hidden)[style*="display: block"]{opacity:1;visibility:visible;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:90vw;background:var(--bg-detail-modal);border-left:1px solid var(--border-color);z-index:2001;padding:24px;overflow-y:auto;transform:translate(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0006;will-change:transform}.drawer-mask.active .drawer-panel,.drawer-mask:not([style*="display: none"]):not(.hidden)[style*="display: block"] .drawer-panel{transform:translate(0)}.mem-workspace-grid{display:grid;grid-template-columns:1.2fr 1.8fr;gap:24px;margin-top:16px}@media(max-width:768px){.mem-workspace-grid{grid-template-columns:1fr}}.mem-panel-left{border-right:1px solid rgba(255,255,255,.08);padding-right:20px}@media(max-width:768px){.mem-panel-left{border-right:none;padding-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px}}.mem-summary-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px;margin-bottom:16px}.mem-avatar-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mem-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1f4068,#162447);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;border:2px solid var(--color-success)}.mem-user-link{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;transition:opacity .15s ease}.mem-user-link:hover{opacity:.85}.mem-user-link:hover .mem-user-name{text-decoration:underline}.mem-badge-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-block}.mem-badge-active{background:var(--color-success-glow);color:var(--color-success)}.mem-badge-trial{background:#2196f326;color:#2196f3}.mem-badge-expired{background:var(--color-error-glow);color:var(--color-error)}.mem-badge-free{background:#ffffff14;color:var(--text-muted)}.mem-details-list{list-style:none;padding:0;margin:0}.mem-details-list li{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.mem-details-list li:last-child{border-bottom:none}.mem-details-label{color:var(--text-secondary)}.mem-details-val{font-weight:600;color:#fff}.mem-timeline{position:relative;padding-left:20px;margin-top:16px}.mem-timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:#ffffff1a}.mem-timeline-item{position:relative;margin-bottom:16px}.mem-timeline-item:before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--color-success);border:2px solid #121212}.mem-timeline-title{font-size:12px;font-weight:600;color:#fff}.mem-timeline-time{font-size:10.5px;color:var(--text-secondary)}.mem-billing-card{background:#c5a8800d;border:1px dashed rgba(197,168,128,.2);border-radius:8px;padding:16px;margin-top:16px}.mem-billing-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.mem-billing-row.total{font-weight:700;font-size:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;margin-bottom:0;color:#fff}.mem-warning-callout{background:#f4433614;border-left:4px solid #f44336;padding:12px;border-radius:4px;margin-top:16px;font-size:12px;color:#ffcdd2;display:none}.mem-chips-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.mem-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px 14px;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s ease}.mem-chip.active{background:#c5a88026;border-color:#c5a880;color:#c5a880;font-weight:600}.mem-compare-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px}.mem-compare-table th{text-align:left;padding:6px 8px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.mem-compare-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.03)}#smart-tooltip{position:fixed;z-index:9100;pointer-events:none;display:block;font-family:var(--font-body, "Inter", sans-serif);font-size:11.5px;font-weight:500;line-height:1.4;white-space:pre-line;text-align:center;background:var(--bg-tooltip, #1e293b);color:var(--text-tooltip, #f1f5f9);border:1px solid var(--border-tooltip, rgba(255,255,255,.08));box-shadow:0 4px 14px #00000038;padding:5px 10px;border-radius:6px;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .13s ease,transform .13s ease,visibility 0ms linear .13s}#smart-tooltip,#smart-tooltip *{pointer-events:none!important}#smart-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .13s ease,transform .13s ease,visibility 0ms linear 0ms}#smart-tooltip[data-placement=top]:after{content:"";position:absolute;top:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-tooltip, #1e293b);pointer-events:none}#smart-tooltip[data-placement=bottom]:after{content:"";position:absolute;bottom:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--bg-tooltip, #1e293b);pointer-events:none}#smart-tooltip[data-placement=left]:after{content:"";position:absolute;left:100%;top:var(--arrow-top, 50%);transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--bg-tooltip, #1e293b);pointer-events:none}#smart-tooltip[data-placement=right]:after{content:"";position:absolute;right:100%;top:var(--arrow-top, 50%);transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--bg-tooltip, #1e293b);pointer-events:none}html[data-theme=light] #smart-tooltip{--bg-tooltip: #1e293b;--text-tooltip: #f8fafc;--border-tooltip: rgba(0,0,0,.12);box-shadow:0 4px 16px #00000029}html[data-theme=dark] #smart-tooltip{--bg-tooltip: #0f172a;--text-tooltip: #e2e8f0;--border-tooltip: rgba(255,255,255,.1);box-shadow:0 4px 20px #0000007a}@keyframes approvalStamp{0%{opacity:0;transform:scale(2.2) rotate(-15deg)}50%{opacity:.9;transform:scale(.92) rotate(-8deg)}75%{transform:scale(1.05) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}@keyframes rejectionPulse{0%{box-shadow:0 0 #ef444499;transform:scale(1)}50%{box-shadow:0 0 0 12px #ef444400;transform:scale(1.02)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.approval-stamp-overlay{position:absolute;top:20px;right:30px;padding:10px 24px;border:3px solid #10b981;color:#10b981;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:3px;border-radius:8px;background:#10b9811a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 24px #10b98140;pointer-events:none;z-index:100;animation:approvalStamp .45s cubic-bezier(.175,.885,.32,1.275) forwards}.rejection-stamp-overlay{position:absolute;top:20px;right:30px;padding:10px 24px;border:3px solid #ef4444;color:#ef4444;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:3px;border-radius:8px;background:#ef44441a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 24px #ef444440;pointer-events:none;z-index:100;animation:approvalStamp .45s cubic-bezier(.175,.885,.32,1.275) forwards}.rejection-banner-expand{animation:rejectionPulse .6s ease-out forwards}@keyframes processingPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.badge-tag.pending,.badge-tag.processing{animation:processingPulse 2s infinite ease-in-out}@keyframes dropzoneGlow{0%,to{border-color:var(--color-primary);box-shadow:0 0 0 0 var(--color-primary-glow)}50%{border-color:#3b82f6;box-shadow:0 0 16px 4px #3b82f659}}.upload-dropzone.drag-over{animation:dropzoneGlow 1.5s infinite ease-in-out;background-color:#3b82f614!important}.submission-progress-container{width:100%;margin-top:16px;background:#ffffff0a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08)}.submission-progress-container .progress-bar-fill{height:8px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #10b98166}@keyframes rowHighlightFlash{0%{background-color:#3b82f647}to{background-color:transparent}}.row-updated-flash{animation:rowHighlightFlash 1.5s ease-out forwards}@keyframes toolbarSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bulk-actions-toolbar{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:16px;padding:12px 24px;background:#121826f2;border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 32px #0006;animation:toolbarSlideDown .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refreshing-spin{animation:refreshSpin .75s ease-in-out infinite}@keyframes copyPop{0%{transform:scale(1)}50%{transform:scale(1.25);color:#10b981}to{transform:scale(1)}}.copy-success-icon{animation:copyPop .3s ease-out forwards;color:#10b981!important}@keyframes timelineNodePulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.timeline-step.active .timeline-node{background:var(--color-primary);border-color:#60a5fa;animation:timelineNodePulse 2s infinite ease-in-out}@keyframes fieldShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.field-validation-shake{animation:fieldShake .35s cubic-bezier(.36,.07,.19,.97) both;will-change:transform}.step-container{transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.step-container.hidden{display:none;opacity:0;transform:translate(12px)}.step-container:not(.hidden){opacity:1;transform:translate(0);animation:stepSlideFadeIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes stepSlideFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.approval-stamp-overlay,.rejection-stamp-overlay,.rejection-banner-expand,.badge-tag.pending,.badge-tag.processing,.upload-dropzone.drag-over,.row-updated-flash,.bulk-actions-toolbar,.refreshing-spin,.copy-success-icon,.timeline-step.active .timeline-node,.field-validation-shake,.step-container:not(.hidden){animation:none!important;transition:none!important}}.plan-action-cell{white-space:nowrap;vertical-align:middle}.plan-actions-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;vertical-align:middle}.plan-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--border-radius-sm, 6px);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition-fast, all .15s ease);outline:none;line-height:1;white-space:nowrap;box-sizing:border-box}.plan-action-btn span.material-symbols-outlined{font-size:16px;line-height:1}.plan-btn-edit{background:var(--bg-card-subtle, var(--bg-surface-low, rgba(255, 255, 255, .04)));border:1px solid var(--border-color);color:var(--text-secondary)}.plan-btn-edit:hover{background:var(--bg-btn-secondary-hover, rgba(255, 255, 255, .08));color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.plan-btn-edit:active{transform:translateY(0)}.plan-btn-delete{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--color-error, #EF4444)}.plan-btn-delete:hover{background:#ef444429;border-color:var(--color-error, #EF4444);color:var(--color-error, #EF4444);transform:translateY(-1px)}.plan-btn-delete:active{transform:translateY(0)}.plan-default-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:var(--border-radius-sm, 6px);font-size:11.5px;font-weight:600;color:var(--text-muted);background:var(--bg-surface-low, rgba(255, 255, 255, .03));border:1px solid var(--border-color);letter-spacing:.3px;box-sizing:border-box}@media(max-width:768px){.plan-actions-group .plan-btn-label{display:none}.plan-action-btn{padding:0 8px;min-width:32px;width:32px;height:32px}}.hidden{display:none!important}.login-container{display:flex;flex-direction:row;min-height:100vh;min-height:100dvh;width:100vw;background-color:#0b0d13;background-image:linear-gradient(135deg,#0b0d1326,#0b0d1399),url(/assets/Lord-3X3niuMz.webp);background-size:cover;background-position:center;position:fixed;top:0;left:0;z-index:1000;overflow:hidden}.login-visual-panel{flex:0 0 50%;width:50%;position:relative;display:flex;align-items:flex-end;padding:60px;background:transparent}.login-form-panel{flex:0 0 50%;width:50%;display:flex;align-items:center;justify-content:center;padding:40px;background:transparent;position:relative;overflow:hidden}.login-form-panel:before{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,#00a0e91f,#0b0d1300 70%);top:-100px;right:-100px;pointer-events:none;z-index:1}.login-form-panel:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,#1e66ff14,#0b0d1300 70%);bottom:-150px;left:-150px;pointer-events:none;z-index:1}.login-card{background:#14182473;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);padding:40px;width:100%;max-width:460px;border-radius:24px;box-shadow:0 24px 48px #0006,0 1px 3px #0000000d,inset 0 1px #ffffff14;animation:modalSlideUp .5s cubic-bezier(.25,.8,.25,1);position:relative;z-index:5;transition:var(--transition-smooth)}.login-card:hover{border-color:#fff3;box-shadow:0 30px 60px #0009,0 1px 3px #0000000d,inset 0 1px #ffffff26}.login-header{text-align:center;margin-bottom:32px}.login-logo-container{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#38bdf81f,#ffffff05);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 16px #0000004d,inset 0 1px 2px #ffffff1a;transition:var(--transition-smooth)}.login-card:hover .login-logo-container{transform:scale(1.05) rotate(5deg);border-color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#ffffff0d);box-shadow:0 10px 24px #38bdf833}.login-logo-icon{font-size:38px;color:#38bdf8;text-shadow:none;display:block}.login-header h2{font-size:28px;font-weight:800;letter-spacing:1.5px;background:linear-gradient(135deg,#00a0e9,#1e66ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;text-transform:uppercase}.login-header p{font-size:13.5px;color:#94a3b8;font-weight:500;text-transform:capitalize;letter-spacing:0px}.login-form-panel .form-group label{color:#38bdf8;font-weight:600;font-size:12px;margin-bottom:6px}.login-form-panel .form-control{width:100%;background-color:#0f172a99;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;color:#f8fafc;padding:14px 16px;font-size:14.5px;outline:none;font-weight:500;transition:var(--transition-smooth);box-shadow:inset 0 1px 2px #00000026}.form-control#login-password{padding-right:46px!important}.login-form-panel .form-control:-webkit-autofill,.login-form-panel .form-control:-webkit-autofill:hover,.login-form-panel .form-control:-webkit-autofill:focus,.login-form-panel .form-control:-webkit-autofill:active{-webkit-text-fill-color:#F8FAFC!important;-webkit-box-shadow:0 0 0 1000px rgba(15,23,42,.85) inset!important;transition:background-color 5000s ease-in-out 0s}.login-form-panel .form-control:focus{border-color:#38bdf8;background-color:#0f172ad9;box-shadow:0 0 0 4px #38bdf840,inset 0 1px 2px #0000001a}.login-form-panel .form-control::placeholder{color:#64748b;font-weight:400}.login-btn{width:100%;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#00a0e9,#1e66ff);color:#fff;border-radius:12px;font-weight:700;font-size:14.5px;letter-spacing:.8px;border:none;cursor:pointer;box-shadow:0 6px 20px #1e66ff4d;transition:var(--transition-smooth)}.login-btn:hover{background:linear-gradient(135deg,#38bdf8,#1e66ff);transform:translateY(-2px);box-shadow:0 8px 24px #38bdf866}.login-btn:active{transform:translateY(0);box-shadow:0 4px 12px #1e66ff40}.login-btn span.material-symbols-outlined{transition:transform .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.login-btn:hover span.material-symbols-outlined{transform:translate(3px,-1px) rotate(10deg) scale(1.1)}@media(min-width:768px)and (max-width:1199px){.login-container,.session-timeout-container{flex-direction:row;background-position:25% center}.login-visual-panel{display:flex;flex:1 1 50%;width:50%;padding:40px 30px}.login-form-panel{display:flex;flex:1 1 50%;width:50%;padding:30px 24px;align-items:center;justify-content:center}.login-card,.timeout-card{width:100%;max-width:420px;padding:32px 28px}.login-header,.timeout-header{margin-bottom:24px}.login-logo-container,.timeout-logo-container{width:64px;height:64px;margin:0 auto 16px}.login-logo-icon,.timeout-logo-icon{font-size:32px}.login-header h2{font-size:25px;letter-spacing:1.2px}.login-form-panel .form-group{margin-bottom:18px}.login-btn,.timeout-btn{margin-top:14px}}@media(max-width:767px){.login-container,.session-timeout-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;background-position:19% top;background-size:cover;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.login-visual-panel{display:none}.login-form-panel{flex:1 1 auto;width:100%;min-height:100%;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(230px,36dvh,340px);padding-bottom:28px;padding-left:16px;padding-right:16px;box-sizing:border-box;overflow-x:hidden;position:relative}.login-form-panel:before{width:260px;height:260px;top:-60px;right:-60px}.login-form-panel:after{width:260px;height:260px;bottom:-60px;left:-60px}.login-card{width:min(92vw,400px);max-width:400px;height:auto;padding:22px 20px;margin:0 auto;border-radius:20px;box-sizing:border-box;flex-shrink:0}.login-header{margin-bottom:16px}.login-logo-container{width:52px;height:52px;margin:0 auto 10px}.login-logo-icon{font-size:26px}.login-header h2{font-size:clamp(20px,5.2vw,24px);letter-spacing:.8px;margin-bottom:4px}.login-header p{font-size:12.5px;line-height:1.35}.login-form-panel .form-group{margin-bottom:14px;gap:5px}.login-form-panel .form-group label{font-size:11.5px;margin-bottom:3px}.login-form-panel .form-control{height:48px;min-height:48px;padding:0 16px;font-size:14px;border-radius:12px;box-sizing:border-box}.form-control.with-icon{padding-left:44px!important}.form-control#login-password{padding-right:46px!important}.password-toggle-btn{right:5px;width:40px;height:40px}.login-error-alert{margin-bottom:12px;padding:8px 12px;font-size:12.5px}.login-btn{width:100%;height:48px;min-height:48px;padding:0 20px;margin-top:12px;font-size:14px;border-radius:12px;box-sizing:border-box}.login-bottom-illustration{opacity:.25;max-height:60px;overflow:hidden}.timeout-card{width:min(92vw,400px);max-width:400px;height:auto;padding:22px 20px;margin:0 auto;border-radius:20px;box-sizing:border-box;flex-shrink:0}.timeout-header{margin-bottom:16px}.timeout-logo-container{width:52px;height:52px;margin:0 auto 10px}.timeout-logo-icon{font-size:26px}.timeout-brand-badge{margin-bottom:12px;font-size:11px;padding:4px 12px}.timeout-title{font-size:20px;margin-bottom:8px}.timeout-desc{font-size:13px;line-height:1.5;margin-bottom:18px}.timeout-btn{height:48px;min-height:48px;padding:0 20px;font-size:14px;border-radius:12px;box-sizing:border-box}.timeout-security-note{margin-top:14px;font-size:11.5px}}@media(max-width:359px){.login-form-panel{padding-top:clamp(210px,35dvh,250px);padding-left:8px;padding-right:8px;padding-bottom:20px}.login-card,.timeout-card{padding:18px 14px;border-radius:16px}.login-logo-container,.timeout-logo-container{width:46px;height:46px;margin-bottom:8px}.login-logo-icon,.timeout-logo-icon{font-size:22px}.login-header,.timeout-header{margin-bottom:14px}.login-header h2{font-size:19px;letter-spacing:.5px}.login-header p{font-size:11.5px}.timeout-title{font-size:18px}.timeout-desc{font-size:12px}.login-form-panel .form-group{margin-bottom:10px}.login-form-panel .form-control,.login-btn,.timeout-btn{height:46px;min-height:46px;font-size:13.5px}}.login-error-alert{background-color:#e11d481a;color:#fda4af;border:1px solid rgba(225,29,72,.25);padding:12px 16px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;animation:shake .4s ease}.login-error-alert span.error-icon{font-size:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.admin-profile-container{display:flex;align-items:center;justify-content:space-between;width:100%}.profile-actions{display:flex;align-items:center;gap:4px}.session-timeout-container{display:flex;flex-direction:row;min-height:100vh;min-height:100dvh;width:100vw;background-color:#0b0d13;background-image:linear-gradient(135deg,#0b0d1373,#0b0d13d9),url(/assets/Lord-3X3niuMz.webp);background-size:cover;background-position:center;position:fixed;top:0;left:0;z-index:9999;overflow:hidden}.timeout-card{text-align:center;border-color:#ffc04838;box-shadow:0 24px 48px #0000008c,0 0 32px #ffc04814,inset 0 1px #ffffff1a}.timeout-card:hover{border-color:#ffc04859;box-shadow:0 30px 60px #000000a6,0 0 44px #ffc04824,inset 0 1px #ffffff26}.timeout-header{margin-bottom:24px}.timeout-logo-container{background:linear-gradient(135deg,#ffc04829,#1e66ff14);border:1px solid rgba(255,192,72,.35);box-shadow:0 8px 24px #ffc04826}.timeout-card:hover .timeout-logo-container{border-color:#ffc048;background:linear-gradient(135deg,#ffc0483d,#1e66ff1f);box-shadow:0 12px 30px #ffc04840}.timeout-logo-icon{color:#ffc048}.timeout-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:18px}.timeout-title{font-size:24px;font-weight:800;letter-spacing:-.3px;color:#f8fafc;margin-bottom:12px;text-transform:none;background:none;-webkit-text-fill-color:initial}.timeout-desc{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:26px;text-transform:none;letter-spacing:0}.timeout-actions{margin-top:4px}.timeout-btn{width:100%;padding:14px 24px;font-size:15px;font-weight:700;letter-spacing:.5px;gap:8px}.timeout-security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;font-size:12px;color:#64748b;font-weight:500}.input-icon-wrapper{position:relative;width:100%}.input-icon-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#38bdf8;font-size:20px;pointer-events:none;z-index:10}.form-control.with-icon{padding-left:46px!important}.password-toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;z-index:10;transition:var(--transition-smooth)}.password-toggle-btn:hover{color:#38bdf8;background-color:#ffffff0d}.password-toggle-btn span{font-size:20px}.login-bottom-illustration{position:absolute;bottom:0;left:0;width:100%;z-index:1;pointer-events:none}.media-upload-zone{border:2px dashed var(--border-upload-zone);background-color:var(--bg-upload-zone);border-radius:var(--border-radius-md);padding:24px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:var(--transition-smooth);margin-top:6px}.media-upload-zone:hover{border-color:var(--color-primary);background-color:#1e66ff05}.upload-zone-icon{font-size:36px;color:var(--text-muted);transition:var(--transition-smooth)}.media-upload-zone:hover .upload-zone-icon{color:var(--color-primary);transform:translateY(-2px)}.upload-zone-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.upload-zone-subtext{font-size:11px;color:var(--text-muted)}.preview-card{position:relative;aspect-ratio:1;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--border-color)}.preview-img{width:100%;height:100%;object-fit:cover}.btn-remove-preview{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background-color:#000000b3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-smooth)}.btn-remove-preview:hover{background-color:var(--color-error);transform:scale(1.1)}.upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b0d13d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.upload-progress-card{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:32px;width:90%;max-width:420px;text-align:center;box-shadow:0 25px 60px #0009;display:flex;flex-direction:column;align-items:center;gap:20px}.progress-loader-container{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.progress-spinner{width:100%;height:100%;border:4px solid rgba(255,255,255,.03);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.progress-icon{position:absolute;font-size:32px;color:var(--color-primary)}.progress-bar-bg{width:100%;height:8px;background-color:#ffffff0d;border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),#00A8FF);border-radius:4px;box-shadow:0 0 10px var(--color-primary-glow);transition:width .3s ease-out}.progress-status-title{font-size:18px;font-weight:700;color:var(--text-primary);font-family:Outfit,sans-serif}.progress-status-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.progress-spinner.success{border-color:var(--color-success);animation:none}.progress-icon.success{color:var(--color-success)}.progress-bar-fill.success{background:var(--color-success)}.property-details-modal{background:var(--bg-detail-modal)!important;border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);color:var(--text-primary);width:95%;box-shadow:0 30px 70px #000000b3;padding:0!important;overflow:hidden}.detail-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-detail-modal);z-index:10}.detail-modal-body{padding:24px}.detail-carousel{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--border-radius-md);overflow:hidden;background-color:#000;border:1px solid var(--border-color)}.carousel-slide-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-active-img{width:100%;height:100%;object-fit:cover;animation:fadeIn .4s ease}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0b0d1399;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-smooth);z-index:5}.carousel-btn:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-50%) scale(1.05)}.carousel-btn.prev{left:16px}.carousel-btn.next{right:16px}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:var(--transition-smooth)}.carousel-dot.active{background:var(--color-primary);width:20px;border-radius:4px}.carousel-counter{position:absolute;top:16px;right:16px;background:#0b0d1399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:5}.detail-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:20px}.detail-spec-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:var(--transition-smooth)}.detail-spec-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-2px)}.detail-spec-card span.material-symbols-outlined{font-size:26px;color:var(--color-primary)}.spec-info{display:flex;flex-direction:column}.spec-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.spec-value{font-size:13.5px;font-weight:700;color:var(--text-primary)}.detail-video-wrapper{position:relative;width:100%;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color);aspect-ratio:16/9;background:#000}.detail-video-player{width:100%;height:100%;object-fit:contain}@media(max-width:768px){body{background-attachment:scroll}.content-viewport{padding:calc(16px + var(--header-height)) 12px 16px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.dashboard-panels-grid{grid-template-columns:1fr}.pie-chart-container,.donut-chart-container{gap:16px}.pie-chart-container svg,.donut-svg-wrapper,.donut-svg-wrapper svg{width:130px;height:130px}.properties-grid{grid-template-columns:1fr}.view-controls{flex-direction:column;align-items:stretch}.search-box-wrapper{max-width:100%}.admin-header{height:auto;padding:14px 16px;margin:12px 12px 0;flex-wrap:wrap;gap:12px}.header-center{order:3;width:100%;max-width:100%;min-width:0}.header-right{gap:10px}.header-divider{display:none}#page-title{font-size:18px}.modal-content{max-width:95%;margin:0 10px}.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:12px 14px}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.content-viewport{padding:calc(12px + var(--header-height)) 8px 12px}}@media(prefers-reduced-motion:reduce){*{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.admin-sidebar{width:var(--sidebar-width)!important;background:var(--bg-sidebar-solid)!important;border-right:1px solid var(--border-color)!important;display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;max-height:100vh!important;z-index:100!important;overflow:hidden!important;transition:width .22s cubic-bezier(.4,0,.2,1)!important}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.admin-sidebar{background:var(--bg-sidebar)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important}}.admin-sidebar.collapsed{width:72px!important}.admin-sidebar.collapsed~.admin-main,.admin-main.expanded{margin-left:72px!important;max-width:calc(100% - 72px)!important}.sidebar-header{height:58px!important;padding:0 16px!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.sidebar-logo{display:flex!important;align-items:center!important;gap:10px!important;overflow:hidden!important;flex:1!important;min-width:0!important}.logo-icon{font-size:24px!important;color:var(--color-primary)!important;text-shadow:0 0 10px var(--color-primary-glow)!important;flex-shrink:0!important}.logo-text{display:flex!important;flex-direction:column!important;overflow:hidden!important;transition:opacity .18s ease-out,width .22s cubic-bezier(.4,0,.2,1)!important;opacity:1!important}.logo-title{font-size:14px!important;font-weight:800!important;letter-spacing:1.2px!important;color:var(--text-primary)!important;line-height:1.2!important;white-space:nowrap!important}.logo-subtitle{font-size:9px!important;font-weight:600!important;letter-spacing:.5px!important;color:var(--text-muted)!important;text-transform:uppercase!important;line-height:1.2!important;white-space:nowrap!important}.sidebar-toggle-btn{background:transparent!important;border:none!important;color:var(--text-muted)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important;border-radius:8px!important;flex-shrink:0!important;transition:background-color .15s ease,color .15s ease!important}.sidebar-toggle-btn:hover{color:var(--text-primary)!important;background-color:#0000000d!important}html[data-theme=dark] .sidebar-toggle-btn:hover{background-color:#ffffff12!important}.sidebar-toggle-btn span{font-size:20px!important;transition:transform .22s cubic-bezier(.4,0,.2,1)!important}.admin-sidebar.collapsed .sidebar-toggle-btn span{transform:rotate(180deg)!important}.admin-sidebar.collapsed .logo-text{opacity:0!important;width:0!important;overflow:hidden!important;pointer-events:none!important}.admin-sidebar.collapsed .sidebar-header{justify-content:center!important;padding:0!important}.admin-sidebar.collapsed .sidebar-logo{flex:none!important}.sidebar-nav{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 10px 16px!important;scrollbar-width:thin!important;scrollbar-color:var(--border-color) transparent!important}.sidebar-nav::-webkit-scrollbar{width:3px!important}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:2px!important}.sidebar-nav ul{margin:0!important;padding:0!important;list-style:none!important;display:flex!important;flex-direction:column!important;gap:2px!important}.nav-group-label{font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--text-muted)!important;padding:18px 8px 6px!important;line-height:1!important;transition:opacity .18s ease-out,height .22s ease-out,padding .22s ease-out!important;overflow:hidden!important;white-space:nowrap!important}.admin-sidebar.collapsed .nav-group-label{opacity:0!important;height:0!important;padding-top:0!important;padding-bottom:0!important;pointer-events:none!important}.sidebar-divider{border:0!important;border-top:1px solid var(--border-color)!important;margin:6px 8px!important;height:1px!important;opacity:.5!important;transition:opacity .18s ease-out!important}.admin-sidebar.collapsed .sidebar-divider{opacity:.2!important;margin:4px 10px!important}.nav-item{display:flex!important;align-items:center!important;gap:14px!important;padding:10px 14px!important;border-radius:14px!important;font-size:14px!important;font-weight:500!important;color:var(--text-secondary)!important;text-decoration:none!important;cursor:pointer!important;position:relative!important;white-space:nowrap!important;overflow:hidden!important;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out!important}.nav-item:hover{background-color:#f5f8ff!important;color:var(--color-primary)!important;transform:translate(1px)!important}html[data-theme=dark] .nav-item:hover{background-color:#1e66ff14!important;color:#fff!important;box-shadow:0 4px 12px #00000026!important}.nav-item span.material-symbols-outlined{font-size:20px!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20!important;flex-shrink:0!important;color:var(--text-primary)!important;opacity:.75;transition:transform .15s ease-out,color .15s ease-out,opacity .15s ease-out!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.nav-item:hover span.material-symbols-outlined{color:var(--color-primary)!important;opacity:1;transform:scale(1.12)!important}.nav-item>span:not(.material-symbols-outlined):not(.badge){font-size:14px!important;font-weight:500!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;transition:opacity .15s ease-out,width .22s cubic-bezier(.4,0,.2,1)!important;opacity:1!important}.nav-item.active{background:linear-gradient(90deg,#1e66ff38,#1e66ff14)!important;color:#fff!important;font-weight:700!important}html[data-theme=dark] .nav-item.active{background:linear-gradient(90deg,#1e66ff47,#1e66ff1f)!important;box-shadow:0 4px 16px #1e66ff38!important}.nav-item.active:before{content:""!important;position:absolute!important;left:0!important;top:4px!important;bottom:4px!important;width:4px!important;background-color:var(--color-primary)!important;border-radius:0 4px 4px 0!important;box-shadow:0 0 10px var(--color-primary)!important;animation:indicatorSlideIn .2s ease-out!important}@keyframes indicatorSlideIn{0%{transform:scaleY(.3);opacity:0}to{transform:scaleY(1);opacity:1}}.nav-item.active span.material-symbols-outlined{color:var(--color-primary)!important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20!important}.nav-item .badge{margin-left:auto!important;min-width:20px!important;height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;padding:0 6px!important;border-radius:10px!important;background:#ea580c1f!important;color:#ea580c!important;border:1px solid rgba(234,88,12,.25)!important;flex-shrink:0!important;letter-spacing:0!important;line-height:1!important;box-sizing:border-box!important}html[data-theme=dark] .nav-item .badge{background:#ea580c2e!important;border-color:#ea580c4d!important}.admin-sidebar.collapsed .sidebar-nav{padding-left:8px!important;padding-right:8px!important}.admin-sidebar.collapsed .nav-item{padding:10px 0!important;justify-content:center!important;gap:0!important;border-radius:12px!important}.admin-sidebar.collapsed .nav-item>span:not(.material-symbols-outlined):not(.badge){opacity:0!important;width:0!important;overflow:hidden!important;pointer-events:none!important}.admin-sidebar.collapsed .nav-item .badge{display:none!important}.admin-sidebar.collapsed .nav-item:after{content:attr(data-tooltip)!important;position:absolute!important;left:80px!important;top:50%!important;transform:translateY(-50%) translate(-6px)!important;background:#1e293b!important;color:#fff!important;padding:6px 12px!important;border-radius:8px!important;font-size:12.5px!important;font-weight:500!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s ease-out,transform .15s ease-out!important;box-shadow:0 4px 16px #0000002e!important;z-index:1000!important}html[data-theme=dark] .admin-sidebar.collapsed .nav-item:after{background:#0f172a!important;box-shadow:0 4px 20px #00000080!important}.admin-sidebar.collapsed .nav-item:hover:after{opacity:1!important;transform:translateY(-50%) translate(0)!important}.admin-sidebar.collapsed .nav-item.active:before{top:6px!important;bottom:6px!important}.sidebar-footer{padding:12px!important;border-top:1px solid var(--border-color)!important;flex-shrink:0!important;background:var(--bg-sidebar-solid)!important;z-index:2!important;box-sizing:border-box!important}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.sidebar-footer{background:var(--bg-sidebar)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important}}.admin-profile-card{background:#0000000a!important;border:1px solid var(--border-color)!important;border-radius:16px!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;transition:box-shadow .15s ease-out!important}html[data-theme=dark] .admin-profile-card{background:#ffffff05!important}.admin-profile-card:hover{box-shadow:0 4px 16px #00000014!important}html[data-theme=dark] .admin-profile-card:hover{box-shadow:0 4px 20px #00000059!important}.admin-profile-main{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.admin-avatar-wrapper{position:relative!important;width:36px!important;height:36px!important;flex-shrink:0!important}.admin-avatar{width:100%!important;height:100%!important;border-radius:50%!important;background:linear-gradient(135deg,#1e66ff,#00a8ff)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:14px!important}.status-indicator{position:absolute!important;bottom:-1px!important;right:-1px!important;width:10px!important;height:10px!important;background-color:#10b981!important;border:2px solid #ffffff!important;border-radius:50%!important}html[data-theme=dark] .status-indicator{border-color:#0b0d13!important}.admin-info{display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:1!important;min-width:0!important;transition:opacity .15s ease-out!important}.admin-name{font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.admin-role{font-size:11px!important;color:var(--text-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.admin-profile-actions{display:flex!important;gap:8px!important;border-top:1px solid var(--border-color)!important;padding-top:8px!important;width:100%!important;box-sizing:border-box!important;transition:opacity .15s ease-out,height .22s ease-out,padding .22s ease-out!important}.profile-action-btn{flex:1 1 auto!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important;color:var(--text-secondary)!important;background:#00000008!important;border:1px solid var(--border-color)!important;border-radius:10px!important;cursor:pointer!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important;min-width:0!important;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out!important}html[data-theme=dark] .profile-action-btn{background:#ffffff08!important}.profile-action-btn:hover{background:#0000000f!important;color:var(--text-primary)!important}html[data-theme=dark] .profile-action-btn:hover{background:#ffffff12!important}.profile-action-btn.logout{color:#ef4444!important}.profile-action-btn.logout:hover{background:#ef444414!important;border-color:#ef444433!important;color:#dc2626!important}html[data-theme=dark] .profile-action-btn.logout:hover{background:#ef44441f!important}.profile-action-btn span.material-symbols-outlined{font-size:16px!important;flex-shrink:0!important}.admin-sidebar.collapsed .admin-profile-card{background:transparent!important;border:none!important;padding:4px 0!important;align-items:center!important}.admin-sidebar.collapsed .admin-profile-main{justify-content:center!important}.admin-sidebar.collapsed .admin-avatar-wrapper{margin:0 auto!important}.admin-sidebar.collapsed .admin-info,.admin-sidebar.collapsed .admin-profile-actions{opacity:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;padding-top:0!important;border-top:none!important}.admin-sidebar.collapsed .sidebar-footer{padding:10px 8px!important}.nav-item:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}.sidebar-toggle-btn:focus-visible,.profile-action-btn:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}.mobile-nav-toggle{display:none!important;background:transparent!important;border:none!important;color:var(--text-primary)!important;cursor:pointer!important;padding:6px!important;margin-right:12px!important;border-radius:8px!important;transition:background-color .15s ease!important}.mobile-nav-toggle:hover{background:#0000000d!important}html[data-theme=dark] .mobile-nav-toggle:hover{background:#ffffff12!important}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:#141824f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;color:var(--text-primary);min-width:280px;max-width:400px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0006;pointer-events:auto;transform:translateY(20px);opacity:0;animation:toastSlideIn .3s cubic-bezier(.25,.8,.25,1) forwards}.toast.fade-out{opacity:0;transform:translateY(10px) scale(.97);transition:all .25s ease}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-error)}.toast.warning{border-left:4px solid var(--color-warning)}.toast.info{border-left:4px solid var(--color-primary)}.toast-icon{font-size:20px}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-error)}.toast.warning .toast-icon{color:var(--color-warning)}.toast.info .toast-icon{color:var(--color-primary)}.toast-message{font-size:13.5px;font-weight:500;flex-grow:1;color:#f3f4f6}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .15s ease}.toast-close:hover{color:var(--text-primary)}@keyframes toastSlideIn{to{transform:translateY(0);opacity:1}}@media(max-width:768px){.mobile-nav-toggle{display:flex!important;align-items:center!important;justify-content:center!important}.admin-sidebar{transform:translate(-100%)!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;width:240px!important}.admin-sidebar.mobile-open{transform:translate(0)!important}.sidebar-toggle-btn{display:none!important}.admin-main{margin-left:0!important;max-width:100%!important}.admin-sidebar.collapsed~.admin-main,.admin-main.expanded{margin-left:0!important;max-width:100%!important}}@media(prefers-reduced-motion:reduce){.admin-sidebar,.nav-item,.logo-text,.admin-info,.admin-profile-actions,.nav-group-label,.sidebar-toggle-btn span{transition:none!important;animation:none!important}.nav-item.active:before{animation:none!important}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:#ffffff0d;background-image:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a,#fff0);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite linear;border-radius:var(--border-radius-sm);color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}html[data-theme=light] .skeleton{background:#0000000d;background-image:linear-gradient(90deg,#0000,#00000008 20%,#0000000f,#0000)}.skeleton-text{height:14px;width:100%;border-radius:4px;margin:4px 0}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-avatar{width:40px;height:40px;border-radius:50%!important}.skeleton-button{height:36px;width:80px;border-radius:var(--border-radius-sm)}.skeleton-row td{padding:16px 24px}.skeleton-cell{height:16px;background:var(--bg-skeleton-cell);border-radius:4px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:20px 0;width:100%}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.empty-state-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.empty-state-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px;-webkit-user-select:none;user-select:none}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--text-secondary);max-width:360px;margin-bottom:20px}.empty-state-action{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-primary);color:#fff!important;padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:14px;text-decoration:none;transition:var(--transition-smooth);border:none;cursor:pointer}.empty-state-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary-glow)}@media(max-width:768px){.modal-split-layout{flex-direction:column!important;align-items:stretch!important}.agent-preview-panel,.property-preview-panel{width:100%!important;border-left:none!important;border-top:1px solid var(--border-color)!important;padding-left:0!important;padding-top:24px!important;margin-top:16px!important}}