@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist", monospace;--blue: #2563eb;--blue-dim: #1d4ed8;--blue-light: #3b82f6;--blue-bg: rgba(37, 99, 235, .08);--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--primary-800: #1e3a8a;--primary-900: #172554;--accent-cyan: #0284c7;--accent-pink: #e11d48;--accent-violet: #4f46e5;--accent-amber: #d97706;--accent-emerald: #16a34a;--accent-rose: #dc2626;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-subtle: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(29, 78, 216, .08) 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--success: #16a34a;--success-bg: #dcfce7;--success-text: #15803d;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-text: #b45309;--danger: #dc2626;--danger-bg: #fee2e2;--danger-text: #b91c1c;--info: #2563eb;--info-bg: #eff6ff;--info-text: #1d4ed8;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-glass: rgba(226, 232, 240, .8);--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--placeholder-color: #94a3b8;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .1);--shadow-glass: 0 10px 30px rgba(15, 23, 42, .05);--shadow-glow: 0 0 30px rgba(37, 99, 235, .12);--card-glow: 0 0 0 1px rgba(226, 232, 240, .8);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .8);--glass-blur: blur(14px);--premium-glow: 0 0 30px rgba(37, 99, 235, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-card: 20px;--radius-button: 12px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-base: .25s cubic-bezier(.16,1,.3,1);--transition-slow: .35s cubic-bezier(.16,1,.3,1);--transition-spring: .5s cubic-bezier(.34,1.56,.64,1);--sidebar-width: 260px;--sidebar-margin: 16px;--sidebar-bg: #ffffff;--sidebar-text: #1e293b;--sidebar-text-muted: #64748b;--sidebar-active: var(--primary-600);--sidebar-border: #e2e8f0;--modal-bg: #ffffff;--input-bg: #ffffff;--input-border: #cbd5e1}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .78);--sidebar-bg: #ffffff;--sidebar-text: #1e293b;--sidebar-text-muted: #64748b;--sidebar-active: var(--primary-600);--sidebar-border: #e2e8f0;--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(226, 232, 240, .8);--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #334155;--canvas-opacity: .4;--card-glow: 0 0 0 1px rgba(226, 232, 240, .8);--modal-bg: #ffffff;--input-bg: #ffffff;--input-border: #cbd5e1;--border-glass: #e2e8f0;--shadow-glass: 0 10px 30px rgba(15, 23, 42, .05);--premium-glow: 0 0 30px rgba(37, 99, 235, .08);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .1);--success: #059669;--success-bg: #d1fae5;--success-text: #065f46;--warning: #d97706;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #dc2626;--danger-bg: #fee2e2;--danger-text: #991b1b;--info: #0284c7;--info-bg: #e0f2fe;--info-text: #075985}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .8);--bg-glass: rgba(30, 41, 59, .7);--border-color: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--placeholder-color: #64748b;--sidebar-bg: rgba(15, 23, 42, .95);--sidebar-text: #f8fafc;--sidebar-text-muted: #94a3b8;--sidebar-active: #3b82f6;--sidebar-border: rgba(255, 255, 255, .1);--modal-bg: #1e293b;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--premium-glow: 0 0 30px rgba(59, 130, 246, .2);--shadow-glass: 0 12px 40px rgba(0, 0, 0, .4)}[data-theme=dark]{--canvas-opacity: .8}[data-theme=light] .stat-card-glow{opacity:.3!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-card, #ffffff) inset!important;transition:background-color 5000s ease-in-out 0s}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass),var(--card-glow)}.glow-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glow-hover:hover{box-shadow:var(--premium-glow);transform:translateY(-2px);border-color:#6366f14d}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.stat-number,.kpi-val,.badge,.font-display{font-family:var(--font-display);letter-spacing:-.02em}#root{position:relative;z-index:1;min-height:100vh}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;display:block}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;margin-left:calc(var(--sidebar-width) + (var(--sidebar-margin) * 2));padding:24px 32px;transition:all var(--transition-base);height:100vh;background-color:transparent;width:calc(100% - (var(--sidebar-width) + (var(--sidebar-margin) * 2)));position:relative;overflow-y:auto;overflow-x:hidden}.main-content:has(.modal-overlay){z-index:9999}@media (min-width: 1025px){.main-content:has(.db-shell){overflow:hidden}}@media (max-width: 1280px){.main-content{padding:24px 32px}}@media (max-width: 1024px){.app-layout{display:block;height:auto;overflow:visible}.main-content{margin-left:0!important;width:100%!important;padding:80px 16px 24px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:var(--bg-primary)}.mesh-bg:before,.mesh-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.mesh-bg:before{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--primary-100) 0%,transparent 70%);animation-name:mesh-float1}.mesh-bg:after{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#e1bee7 0%,transparent 70%);animation-name:mesh-float2;animation-direction:alternate}@keyframes mesh-float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10vw,5vh) scale(1.1)}}@keyframes mesh-float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10vw,-5vh) scale(1.1)}}[data-theme=dark] .mesh-bg:before,[data-theme=dark] .mesh-bg:after{opacity:.15;filter:blur(120px)}[data-theme=dark] .mesh-bg:before{background:radial-gradient(circle,var(--primary-900) 0%,transparent 70%)}[data-theme=dark] .mesh-bg:after{background:radial-gradient(circle,#4a148c 0%,transparent 70%)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.page-header h1{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}@media (max-width: 640px){.page-header h1{font-size:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .btn-group,.page-header>div:last-child{width:100%;display:flex;gap:8px}.page-header .btn{flex:1}}.stat-card{background:var(--bg-card);border:none;border-radius:var(--radius-xl);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden;cursor:pointer}.stat-card:active{transform:scale(.96)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow)}.stat-card:hover:before{opacity:1}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:transform var(--transition-base)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.blue{background:#0ea5e91f;color:var(--accent-cyan)}.stat-icon.green{background:#00e6761f;color:#00e676}.stat-icon.red{background:#ff17441f;color:#ff1744}.stat-icon.amber{background:#ffb3001f;color:#ffb300}.stat-icon.purple{background:#4f46e51f;color:var(--accent-violet)}.stat-info h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1.1}.stat-change{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;margin-top:4px}.stat-change.positive{color:var(--success-text)}.stat-change.negative{color:var(--danger-text)}@media (max-width: 640px){.stat-card{flex-direction:row;align-items:center;text-align:left;padding:12px 16px;gap:12px}.stat-icon{width:40px!important;height:40px!important;font-size:1.1rem!important}.stat-value{font-size:1.25rem!important;line-height:1}.stat-info h3{font-size:.75rem;margin-bottom:2px}}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bento-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;overflow:hidden}.bento-card:active{transform:scale(.98)}.bento-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:1}.bento-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md),var(--shadow-glow)}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}@media (max-width: 1200px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-span-2,.bento-span-3{grid-column:span 2}}@media (max-width: 600px){.bento-grid{grid-template-columns:1fr}.bento-span-2,.bento-span-3,.bento-span-4{grid-column:span 1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:12px}}.form-control,input,select,textarea{background-repeat:no-repeat!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--input-bg, #ffffff) inset!important;-webkit-text-fill-color:var(--text-primary, #1e293b)!important;caret-color:var(--text-primary, #1e293b)!important;background-repeat:no-repeat!important;transition:background-color 5000s ease-in-out 0s!important}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1e293b inset!important;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:active{transform:scale(.92)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 24px #00e5ff4d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{box-shadow:0 12px 32px #00e5ff66;transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:none;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-text)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-xs{padding:4px 10px;font-size:.72rem;border-radius:var(--radius-sm)}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:#00e5ff14;color:var(--primary-500)}.btn-icon.text-danger:hover{background:var(--danger-bg);color:var(--danger)}.tabs{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;margin-bottom:20px;width:fit-content}.tab{padding:10px 24px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{background:var(--bg-card);color:var(--primary-600);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.form-control{width:100%;padding:14px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast);outline:none}.form-control.with-icon,.form-control.input-with-prefix{padding-left:42px!important}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11f,0 2px 8px #6366f10f}.form-control::placeholder{color:var(--placeholder-color)}select.form-control{cursor:pointer;color:var(--text-primary);background-color:var(--input-bg)}select.form-control option{background-color:var(--modal-bg);color:var(--text-primary)}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:0}}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;min-width:600px}thead th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:2}[data-theme=dark] thead th{background:#1a114580}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#6366f108}[data-theme=dark] tbody tr:hover{background:#6366f10f}tbody td{padding:16px 20px;font-size:.9rem;border-bottom:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalOverlayIn .25s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -12px #00000040,0 0 30px #6366f114;position:relative;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-glass);margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{font-size:1.25rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}@media (max-width: 640px){.modal{padding:24px;border-radius:var(--radius-lg)}}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.badge-primary{background:#6366f126;color:var(--primary-600);border:1px solid rgba(99,102,241,.2)}.badge-secondary{background:#a855f726;color:var(--accent-violet);border:1px solid rgba(168,85,247,.2)}.badge-accent{background:#0ea5e926;color:var(--accent-cyan);border:1px solid rgba(14,165,233,.2)}.badge-info{background:var(--info-bg);color:var(--info-text)}[data-theme=dark] .badge-neutral{background:#64748b26;color:#94a3b8}[data-theme=dark] .badge-primary{color:var(--primary-400)}[data-theme=dark] .badge-secondary{color:#c084fc}[data-theme=dark] .badge-accent{color:#38bdf8}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUpStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-animate-enter{animation:pageFadeIn .4s ease forwards}.stagger-enter>*{opacity:0;animation:fadeInUpStagger .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-enter>*:nth-child(1){animation-delay:.05s}.stagger-enter>*:nth-child(2){animation-delay:.1s}.stagger-enter>*:nth-child(3){animation-delay:.15s}.stagger-enter>*:nth-child(4){animation-delay:.2s}.stagger-enter>*:nth-child(5){animation-delay:.25s}.stagger-enter>*:nth-child(6){animation-delay:.3s}.stagger-enter>*:nth-child(7){animation-delay:.35s}.stagger-enter>*:nth-child(8){animation-delay:.4s}.stagger-enter>*:nth-child(9){animation-delay:.45s}.stagger-enter>*:nth-child(10){animation-delay:.5s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.sidebar{transform:translate(-100%);visibility:hidden;box-shadow:4px 0 24px #0003}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer}}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px dashed var(--gray-300);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.04) 0%,transparent 60%);pointer-events:none}.empty-icon{font-size:3rem;color:var(--gray-400);margin-bottom:16px;animation:emptyBounce 2s ease-in-out infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.toast-notification{position:fixed;bottom:24px;right:24px;background:var(--text-primary);color:var(--bg-primary);padding:14px 24px;border-radius:var(--radius-lg);font-size:.85rem;font-weight:600;box-shadow:0 12px 40px #0003;z-index:9999;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header h1{position:relative}.page-header p{color:var(--text-muted);font-size:.88rem;margin-top:2px}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-enter>*{animation:staggerFadeIn .5s cubic-bezier(.16,1,.3,1) both}.stagger-enter>*:nth-child(1){animation-delay:.03s}.stagger-enter>*:nth-child(2){animation-delay:.06s}.stagger-enter>*:nth-child(3){animation-delay:.09s}.stagger-enter>*:nth-child(4){animation-delay:.12s}.stagger-enter>*:nth-child(5){animation-delay:.15s}.stagger-enter>*:nth-child(6){animation-delay:.18s}.stagger-enter>*:nth-child(7){animation-delay:.21s}.stagger-enter>*:nth-child(8){animation-delay:.24s}.stagger-enter>*:nth-child(9){animation-delay:.27s}.stagger-enter>*:nth-child(10){animation-delay:.3s}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--sidebar-bg);padding:0 16px;align-items:center;justify-content:space-between;z-index:1100;border-bottom:1px solid var(--sidebar-border)}.menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all var(--transition-fast)}.menu-btn:active{transform:scale(.92);background:#ffffff1a}.mobile-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.hide-mobile{display:inline-block}.show-mobile{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:inline-block!important}}.text-gradient{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.mobile-header{display:flex}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00e5ff1a}50%{box-shadow:0 0 40px #00e5ff40}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 8px transparent;opacity:.85}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes borderGlow{0%,to{border-color:#00e5ff33}50%{border-color:#00e5ff80}}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 30px #00e5ff26;transform:translateY(-3px)}.hover-lift{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0006,0 0 30px #00e5ff1a}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer-border{border:2px solid transparent;border-image:linear-gradient(135deg,var(--accent-cyan),var(--primary-500),var(--accent-pink),var(--accent-cyan)) 1;background-size:300% 300%;animation:gradientShift 4s ease infinite}.animate-float{animation:floatY 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn .4s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}tbody tr{position:relative;border-left:3px solid transparent;transition:background var(--transition-fast),border-color .3s ease}tbody tr:hover{border-left-color:var(--primary-500);background:linear-gradient(90deg,rgba(99,102,241,.06) 0%,transparent 40%)}[data-theme=dark] tbody tr:hover{border-left-color:var(--primary-500);background:linear-gradient(90deg,rgba(99,102,241,.08) 0%,transparent 40%)}[data-theme=dark] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff05;border-radius:var(--radius-full)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-cyan) 0%,var(--primary-500) 100%);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-400) 0%,var(--primary-600) 100%)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring .progress-ring-bg{stroke:#ffffff14}.progress-ring .progress-ring-fill{stroke:url(#progressGradient);filter:drop-shadow(0 0 4px rgba(0,229,255,.3))}.progress-ring .progress-ring-label{position:absolute;font-size:.7rem;font-weight:700;color:var(--text-primary)}.card-premium{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-glass),var(--card-glow);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.8;transition:opacity .3s ease}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px #00e5ff1f;border-color:#00e5ff26}.card-premium:hover:before{opacity:1}.tab-animated{position:relative;padding:10px 24px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .3s ease;white-space:nowrap}.tab-animated:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .35s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%)}.tab-animated:hover{color:var(--text-primary)}.tab-animated:hover:after{width:60%}.tab-animated.active{color:var(--primary-500)}.tab-animated.active:after{width:80%;background:var(--gradient-primary);box-shadow:0 0 12px #00e5ff4d}.avatar-gradient{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);padding:2px;flex-shrink:0}.avatar-gradient img,.avatar-gradient>span{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-primary);object-fit:cover}.avatar-gradient.avatar-sm{width:32px;height:32px}.avatar-gradient.avatar-lg{width:56px;height:56px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:.65rem;font-weight:800;line-height:1;letter-spacing:.02em;box-shadow:0 2px 8px #00e5ff4d;animation:countUp .3s ease forwards}.count-badge.count-danger{background:var(--danger);box-shadow:0 2px 8px #ff17444d}.count-badge.count-warning{background:var(--warning);color:#000;box-shadow:0 2px 8px #ffb3004d}.skeleton-loader{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton-loader.skeleton-text{height:14px;width:100%;margin-bottom:8px;border-radius:6px}.skeleton-loader.skeleton-text.skeleton-short{width:60%}.skeleton-loader.skeleton-heading{height:24px;width:40%;margin-bottom:16px;border-radius:8px}.skeleton-loader.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-loader.skeleton-card{height:120px;width:100%;border-radius:var(--radius-lg)}[data-theme=light] .skeleton-loader{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%}.db-shell{display:flex;flex-direction:column;height:100%;gap:12px;overflow:hidden;position:relative;z-index:2}.db-property-tabs{border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .db-property-tabs{background:#6366f10a!important;border-bottom-color:#e2e8f0!important}[data-theme=light] .db-property-tabs button{color:#475569!important}[data-theme=light] .db-property-tabs button[style*=linear-gradient]{color:#fff!important}.db-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex-shrink:0}.db-stat-card{background:linear-gradient(135deg,#12131e99,#0c0d16cc);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.db-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--card-glow, #6366f1),transparent);opacity:0;transition:opacity .3s}.db-stat-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 35px #00000080,0 0 0 1px #ffffff0f inset}.db-stat-card:hover:before{opacity:1}.db-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 6px 20px #00000040;transition:transform .3s ease,box-shadow .3s ease}.db-stat-card:hover .db-stat-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 25px #00000059}.db-stat-body{flex:1;min-width:0}.db-stat-value{font-size:1.55rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.db-stat-card[data-accent=indigo] .db-stat-value{color:#818cf8}.db-stat-card[data-accent=emerald] .db-stat-value{color:#34d399}.db-stat-card[data-accent=amber] .db-stat-value{color:#fbbf24}.db-stat-card[data-accent=violet] .db-stat-value{color:#c084fc}.db-stat-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;opacity:.85}.db-stat-pulse{position:absolute;top:-20px;right:-20px;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.12;transition:opacity .4s ease;pointer-events:none}.db-stat-card:hover .db-stat-pulse{opacity:.4}.db-bento{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px}.db-card{border-radius:20px;background:linear-gradient(135deg,#12131e80,#0c0d16b3);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;position:relative}.db-card:hover{border-color:#ffffff1a}.db-mini-stat{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:all .25s ease}.db-mini-stat:hover{background:#ffffff0d;transform:translate(2px)}.db-mini-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:transform .3s ease}.db-mini-stat:hover .db-mini-icon{transform:scale(1.08)}.db-mini-body{flex:1;display:flex;flex-direction:column}.db-mini-value{font-size:1.1rem;font-weight:800;line-height:1.1}.db-mini-label{font-size:.72rem;color:var(--text-secondary);font-weight:600;margin-top:1px}.db-mini-action{font-size:.68rem;font-weight:800;color:#fff;padding:5px 12px;border-radius:8px;opacity:.7;transition:all .25s ease;letter-spacing:.02em}.db-mini-stat:hover .db-mini-action{opacity:1;transform:translate(2px)}.db-activity-header{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.db-activity-dot{width:6px;height:6px;border-radius:50%;background:#00e676;box-shadow:0 0 8px #00e67699;animation:activityPulse 2s ease-in-out infinite}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.db-activity-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;padding:7px 10px;background:#ffffff06;border-radius:8px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.db-activity-row:hover{background:#ffffff0d;border-color:#00e5ff1a}.db-activity-left{color:#ffffff8c;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.db-activity-right{font-weight:700;white-space:nowrap}.bento-accent-line{height:2px;width:100%;border-radius:2px;margin-bottom:12px;opacity:.8}[data-theme=light] .db-stat-card{background:#fff;border:1px solid #e8ecf4;box-shadow:0 2px 12px #0000000a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .db-stat-card:hover{box-shadow:0 8px 30px #00000014,0 0 0 1px #6366f11a inset;border-color:#c7d2fe;background:#fff}[data-theme=light] .db-stat-card:before{background:linear-gradient(90deg,var(--card-glow, #6366f1),transparent)}[data-theme=light] .db-stat-icon{box-shadow:0 4px 12px #0000000f}[data-theme=light] .db-stat-value{color:#0f172a}[data-theme=light] .db-stat-card[data-accent=indigo] .db-stat-value{color:#4f46e5}[data-theme=light] .db-stat-card[data-accent=emerald] .db-stat-value{color:#059669}[data-theme=light] .db-stat-card[data-accent=amber] .db-stat-value{color:#d97706}[data-theme=light] .db-stat-card[data-accent=violet] .db-stat-value{color:#7c3aed}[data-theme=light] .db-stat-pulse{opacity:.06}[data-theme=light] .db-stat-card:hover .db-stat-pulse{opacity:.15}[data-theme=light] .db-card,[data-theme=light] .glass-card.db-card{background:#fff!important;border:1px solid #e8ecf4!important;box-shadow:0 4px 20px #0000000a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .db-card:hover,[data-theme=light] .glass-card.db-card:hover{box-shadow:0 12px 40px #00000014,0 0 0 1px #6366f114 inset;border-color:#c7d2fe!important}[data-theme=light] .db-mini-stat:hover{background:#6366f10a}[data-theme=light] .db-mini-label{color:#64748b}[data-theme=light] .db-activity-row{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .db-activity-row:hover{background:#f1f5f9;border-color:#c7d2fe}[data-theme=light] .db-activity-left{color:#475569}[data-theme=light] .db-activity-header{color:#94a3b8}@media (max-width: 1024px){.db-stats-row{grid-template-columns:repeat(3,1fr)!important}.db-bento{grid-template-columns:1fr!important;grid-template-rows:auto!important;overflow-y:auto;padding-right:4px}.db-shell{overflow-y:auto;overflow-x:hidden}.glass-card.db-card{grid-column:span 1!important;grid-row:span 1!important;height:350px}}@media (max-width: 640px){.db-stats-row{grid-template-columns:1fr!important;gap:8px!important}.db-stat-card{padding:14px 16px;border-radius:16px}.db-stat-icon{width:40px;height:40px;font-size:1.1rem}.db-stat-value{font-size:1.3rem}.db-mini-stat{padding:6px 8px}.db-activity-row{font-size:.68rem;padding:6px 8px}.hide-mobile{display:none!important}}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0003}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.main-content,.db-shell,.db-bento,.glass-card,.stat-card,.app-layout{min-width:0;min-height:0}.glass-card,.glass-panel,.sidebar,.modal,.modal-overlay,.db-card{-webkit-backdrop-filter:var(--glass-blur, blur(16px))}button,input,select,textarea{-webkit-tap-highlight-color:transparent;font-family:inherit}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}@supports (-webkit-touch-callout: none){.app-layout{min-height:-webkit-fill-available}.sidebar{height:calc(-webkit-fill-available - (var(--sidebar-margin) * 2))}}html,body{width:100%;max-width:100vw;overflow-x:hidden!important;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}img,video,iframe,svg,canvas,embed,object{max-width:100%;height:auto}button,input,select,textarea{max-width:100%;box-sizing:border-box;font-family:inherit}@media (max-width: 768px){button,input,select,.nav-item,.btn{min-height:42px}}.app-layout{display:flex;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.main-content{flex:1;width:100%;max-width:100vw;box-sizing:border-box;min-width:0;overflow-x:hidden;padding:24px 32px;transition:padding .2s ease}@media (max-width: 1024px){.main-content{padding:20px;margin-left:0!important}}@media (max-width: 640px){.main-content{padding:16px 12px;margin-left:0!important}}@media (max-width: 375px){.main-content{padding:12px 8px}}.table-responsive,.table-container,.data-table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px;border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}@media (max-width: 640px){table th,table td{padding:10px 8px;font-size:.78rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto}.modal,.modal-content,.dialog-card{width:100%;max-width:580px;max-height:90vh;overflow-y:auto;border-radius:20px;box-sizing:border-box;margin:auto;padding:24px}@media (max-width: 480px){.modal-overlay{padding:10px}.modal,.modal-content,.dialog-card{padding:18px 14px;border-radius:16px;max-height:94vh}}.form-grid,.form-row,.grid-2col,.grid-3col,.grid-4col{display:grid;gap:16px;width:100%;box-sizing:border-box}@media (min-width: 1025px){.grid-2col{grid-template-columns:repeat(2,1fr)}.grid-3col{grid-template-columns:repeat(3,1fr)}.grid-4col{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px) and (min-width: 641px){.grid-2col,.grid-3col,.grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.form-grid,.form-row,.grid-2col,.grid-3col,.grid-4col{grid-template-columns:1fr!important;gap:12px!important}.form-actions,.btn-group{flex-direction:column!important;width:100%!important;gap:8px!important}.form-actions button,.btn-group button{width:100%!important}}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%}@media (max-width: 640px){.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.page-header h1,.page-header .page-title{font-size:1.3rem!important}.page-header-actions{display:flex;flex-direction:column;width:100%;gap:8px}}@media (max-width: 480px){h1{font-size:1.4rem!important;line-height:1.25!important}h2{font-size:1.2rem!important;line-height:1.3!important}h3{font-size:1.05rem!important}h4{font-size:.95rem!important}p,span,label{max-width:100%}}html,body,#root{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}*,*:before,*:after{box-sizing:border-box!important}.responsive-table-wrapper,.table-responsive,.table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:1rem!important}.responsive-table-wrapper table,.table-responsive table{width:100%!important;min-width:600px!important}.responsive-grid-4{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1rem!important;width:100%!important}.responsive-grid-3{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:1rem!important;width:100%!important}.responsive-grid-2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:1rem!important;width:100%!important}.modal-overlay,.modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;background:#0f172abf!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;overflow-y:auto!important}.modal-content,.modal-container,.modal-card{width:100%!important;max-width:min(94vw,580px)!important;max-height:90vh!important;overflow-y:auto!important;margin:auto!important;box-sizing:border-box!important}button,input,select,textarea,a{min-height:38px;touch-action:manipulation}@media (max-width: 640px){button,input,select,textarea{min-height:44px!important}}:root{--font-xs: clamp(.65rem, .6rem + .25vw, .75rem);--font-sm: clamp(.78rem, .72rem + .3vw, .875rem);--font-base: clamp(.875rem, .8rem + .375vw, 1rem);--font-lg: clamp(1rem, .9rem + .5vw, 1.125rem);--font-xl: clamp(1.125rem,1rem + .625vw, 1.25rem);--font-2xl: clamp(1.3rem, 1.1rem + 1vw, 1.5rem);--font-3xl: clamp(1.5rem, 1.2rem + 1.5vw, 1.875rem);--font-4xl: clamp(1.875rem,1.5rem + 1.875vw, 2.25rem);--space-xs: clamp(4px, .5vw, 8px);--space-sm: clamp(8px, 1vw, 16px);--space-md: clamp(16px, 1.5vw, 24px);--space-lg: clamp(24px, 2vw, 32px);--space-xl: clamp(32px, 3vw, 48px);--touch-min: 44px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:#080810d9!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 1px #ffffff0a,0 4px 20px #0006!important;z-index:1100;padding:0 16px;align-items:center;justify-content:space-between;overflow:hidden}.mobile-header:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.5) 25%,rgba(79,70,229,.5) 50%,rgba(14,165,233,.4) 75%,transparent 100%);animation:mobileHeaderGlow 4s ease-in-out infinite}@keyframes mobileHeaderGlow{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 1024px){.mobile-header{display:flex!important}}.menu-btn,.profile-toggle-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;width:var(--touch-min)!important;height:var(--touch-min)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.4rem!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;position:relative}.menu-btn:hover,.profile-toggle-btn:hover{background:#6366f114!important;border-color:#6366f133!important}.menu-btn:active,.profile-toggle-btn:active{transform:scale(.88)!important}.mobile-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.1rem;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;animation:sidebarOverlayIn .22s ease}@keyframes sidebarOverlayIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.sidebar{left:0!important;top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;border-radius:0 20px 20px 0!important;transform:translate(-105%)!important;transition:transform .35s cubic-bezier(.16,1,.3,1)!important;visibility:hidden!important}.sidebar.open{transform:translate(0)!important;visibility:visible!important}}.main-content{max-width:1800px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:clamp(1.3rem,2.5vw,1.875rem)!important;font-weight:800;letter-spacing:-.03em;line-height:1.15}.page-header p{font-size:clamp(.78rem,1.2vw,.88rem);color:var(--text-muted);margin-top:3px}@media (max-width: 640px){.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.page-header .btn{flex:1;min-width:0;justify-content:center}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 4px 20px #00000014;position:relative}@media (max-width: 768px){.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,var(--bg-card));pointer-events:none;z-index:2;border-radius:0 16px 16px 0}}table{width:100%;border-collapse:collapse;min-width:580px}thead th{padding:clamp(10px,1.5vw,14px) clamp(12px,1.5vw,20px);font-size:clamp(.65rem,1vw,.75rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;position:sticky;top:0;z-index:2}tbody td{padding:clamp(12px,1.5vw,16px) clamp(12px,1.5vw,20px);font-size:clamp(.78rem,1.2vw,.9rem);border-bottom:1px solid var(--border-color);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease}[data-theme=dark] tbody tr:hover{background:#6366f10d!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:modalOverlayIn .22s ease}.modal{background:var(--modal-bg)!important;border-radius:20px!important;padding:clamp(20px,4vw,32px)!important;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;position:relative;animation:modalSlideIn .38s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-glass)!important;box-shadow:0 30px 80px #0006,0 0 0 1px #ffffff0a inset!important;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}.modal h2{font-size:clamp(1.1rem,2vw,1.35rem)!important;font-weight:800!important;letter-spacing:-.03em!important;margin-bottom:6px!important}@media (max-width: 600px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal{border-radius:24px 24px 0 0!important;max-height:95vh!important;max-height:95dvh!important;width:100%!important;max-width:100%!important;padding:28px 20px 32px!important;padding-bottom:max(32px,env(safe-area-inset-bottom))!important}.modal:before{content:"";display:block;width:40px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 20px}}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap}@media (max-width: 480px){.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .btn{width:100%;justify-content:center}}.tabs{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:4px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tab{padding:clamp(8px,1.2vw,10px) clamp(14px,2vw,24px);border:none;border-radius:10px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:clamp(.78rem,1.2vw,.85rem);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-height:var(--touch-min);display:flex;align-items:center}.tab.active{background:var(--bg-card);color:var(--primary-500);box-shadow:0 2px 8px #6366f126}.btn{min-height:var(--touch-min);font-size:clamp(.8rem,1.2vw,.9rem)!important;border-radius:12px!important;padding:clamp(8px,1.2vw,12px) clamp(14px,2vw,24px)!important;gap:7px!important;white-space:nowrap}.btn-sm{min-height:36px!important;padding:6px clamp(10px,1.5vw,16px)!important;font-size:clamp(.72rem,1vw,.82rem)!important}.btn-xs{min-height:30px!important;padding:4px clamp(8px,1.2vw,12px)!important;font-size:.72rem!important}.btn-icon{min-width:36px;min-height:36px;padding:6px!important;border-radius:10px!important}.btn-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width: 480px){.btn-group .btn-sm{padding:6px 10px!important;font-size:.72rem!important}}.form-group{margin-bottom:clamp(14px,2vw,20px)}.form-group label{font-size:clamp(.72rem,1vw,.85rem);font-weight:600;margin-bottom:7px;display:block;letter-spacing:.01em}.form-control{padding:clamp(10px,1.4vw,14px) clamp(12px,1.5vw,18px)!important;font-size:clamp(.85rem,1.2vw,.95rem)!important;border-radius:12px!important;min-height:var(--touch-min)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.form-row,.form-row-3{grid-template-columns:1fr!important;gap:0}}.glass-card{background:var(--bg-glass)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card.glow-hover:hover{border-color:#6366f133!important;box-shadow:0 8px 32px #0003,0 0 0 1px #6366f11a inset!important;transform:translateY(-2px)}.stat-card{border-radius:18px!important;padding:clamp(14px,2vw,18px)!important;gap:clamp(10px,1.5vw,14px)!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.stat-icon{width:clamp(40px,5vw,48px)!important;height:clamp(40px,5vw,48px)!important;border-radius:clamp(10px,1.5vw,14px)!important;font-size:clamp(1.1rem,1.5vw,1.35rem)!important;flex-shrink:0}.stat-value{font-size:clamp(1.2rem,2vw,1.5rem)!important;font-weight:900!important;letter-spacing:-.03em}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(8px,1.5vw,12px);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(10px,1.5vw,20px);margin-bottom:20px}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}}.empty-state{padding:clamp(40px,6vw,60px) 20px;text-align:center;border-radius:20px;border:1px dashed var(--border-color);background:var(--bg-secondary);position:relative;overflow:hidden}.empty-icon{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:16px;animation:emptyBounce 2s ease-in-out infinite;display:block}.empty-state h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin-bottom:8px}.empty-state p{font-size:clamp(.8rem,1.2vw,.9rem);color:var(--text-muted);max-width:300px;margin:0 auto 20px;line-height:1.6}.badge{font-size:clamp(.65rem,.9vw,.75rem);padding:3px 10px;border-radius:999px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filter-bar .form-control{flex:1;min-width:160px}@media (max-width: 480px){.filter-bar{gap:8px}.filter-bar .form-control{min-width:120px}.filter-bar .btn{flex-shrink:0}}.toast-notification{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:16px!important;left:16px!important;border-radius:14px!important;padding:14px 18px!important;font-size:.85rem!important;max-width:400px;margin:0 auto}@media (min-width: 640px){.toast-notification{left:auto!important;max-width:380px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(200px,30vh,400px);gap:16px}.spinner{width:36px!important;height:36px!important;border:3px solid rgba(99,102,241,.15)!important;border-top-color:var(--primary-500)!important;border-radius:50%;animation:spinnerSpin .8s linear infinite}@keyframes spinnerSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.db-shell{height:auto!important;overflow:visible!important;padding-bottom:24px}.db-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.db-stat-card{padding:12px 14px!important;border-radius:16px!important}.db-stat-value{font-size:1.1rem!important}.db-stat-label{font-size:.6rem!important}.db-stat-icon{width:36px!important;height:36px!important;font-size:1rem!important}.db-bento{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:visible!important}.glass-card.db-card{height:auto!important;min-height:200px}.db-property-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 16px!important}.db-property-tabs::-webkit-scrollbar{display:none}}@media (max-width: 640px){.tenant-portal-grid{grid-template-columns:1fr!important}}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-gap-sm{gap:8px}.flex-gap-md{gap:14px}.flex-wrap{flex-wrap:wrap}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.card-sm{padding:clamp(12px,2vw,18px)!important}.card-lg{padding:clamp(24px,3vw,40px)!important}@media (min-width: 769px) and (max-width: 1024px){.main-content{padding:80px 20px 24px!important}.stats-grid,.bento-grid{grid-template-columns:repeat(2,1fr)!important}table{min-width:500px}}@media (min-width: 1440px){.main-content{padding:28px 40px!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}[data-theme=dark] ::-webkit-scrollbar{width:5px;height:5px}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6366f166}*:focus-visible{outline:2px solid rgba(99,102,241,.6)!important;outline-offset:2px!important;border-radius:6px!important}*:focus:not(:focus-visible){outline:none!important}@media print{.sidebar,.mobile-header,.sidebar-overlay,.btn-icon,.modal-overlay{display:none!important}.main-content{margin:0!important;padding:16px!important;width:100%!important}table{min-width:unset!important}.table-container{overflow:visible!important;border:none!important}}@media (max-width: 640px){.notification-item,[class*=notif]{padding:14px 16px!important;border-radius:14px!important}}@media (max-width: 640px){[class*=finance-grid],[class*=summary-grid]{grid-template-columns:1fr 1fr!important;gap:10px!important}}@media (max-width: 640px){[class*=apply-],[class*=book-]{padding:16px!important}}@media (max-width: 640px){[class*=pricing-card],[class*=plan-card]{padding:20px!important}}.profile-name-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.profile-name-row{grid-template-columns:1fr!important;gap:12px!important}}.upi-amount-input{padding-left:42px!important}.calendar-nav-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.calendar-nav-btn:hover{background:#6366f133;border-color:#6366f166;color:#a5b4fc;transform:scale(1.05)}.calendar-nav-btn:active{transform:scale(.92)}.calendar-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:6px 0;margin-bottom:8px;text-align:center}.calendar-weekday{font-weight:800;color:var(--text-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day-card{display:flex;flex-direction:column;align-items:center;border-radius:8px;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.04);-webkit-user-select:none;user-select:none}.calendar-day-card.small{aspect-ratio:1;justify-content:center}.calendar-day-card.large{min-height:80px;padding:8px 6px;justify-content:flex-start}.calendar-day-card.free{background:#ffffff05;color:var(--text-primary)}.calendar-day-card.free:hover{transform:translateY(-2px);background:#ffffff12;border-color:#ffffff26}.calendar-day-card.booked{background:linear-gradient(135deg,#0ea5e91f,#6366f11f);border:1px solid rgba(14,165,233,.3);color:var(--accent-cyan)}.calendar-day-card.booked:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0ea5e933,#6366f133);border-color:#0ea5e980}.calendar-day-card.past{opacity:.45}.calendar-day-card.today{border:2px solid #6366f1!important;box-shadow:0 0 10px #6366f140}.calendar-day-card.selected{transform:scale(1.04) translateY(-2px)!important;border-color:var(--accent-cyan)!important;box-shadow:0 8px 20px #0ea5e940!important;z-index:2}@media (max-width: 900px){.calendar-container-large{flex-direction:column!important}}.stats-grid,.metrics-grid,.overview-cards,.dashboard-grid,.cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important;width:100%!important}@media (max-width: 640px){.stats-grid,.metrics-grid,.overview-cards,.dashboard-grid,.cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important}.stat-card,.metric-card,.dashboard-card{padding:14px!important}}.table-wrapper,.table-container,.data-table-container,.admin-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:16px!important}.form-grid,.form-row,.input-group-row,.modal-form-grid{display:flex!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important}.form-group,.input-field-wrap{flex:1 1 200px!important;min-width:0!important}@media (max-width: 640px){.form-group,.input-field-wrap{flex:1 1 100%!important}.form-control,.input-field,input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{font-size:16px!important;padding:12px 14px!important;width:100%!important}}.modal-overlay,.kyc-modal-overlay,.user-profile-modal-overlay,.create-owner-modal-overlay{padding:12px!important}.modal-card,.kyc-modal-card,.user-profile-modal-card,.create-owner-modal-card{width:100%!important;max-width:min(96vw,640px)!important;max-height:90dvh!important;overflow-y:auto!important;border-radius:20px!important}@media (max-width: 480px){.modal-card,.kyc-modal-card,.user-profile-modal-card,.create-owner-modal-card{padding:16px 14px!important;border-radius:16px!important}}.sidebar{position:fixed;top:var(--sidebar-margin);left:var(--sidebar-margin);bottom:var(--sidebar-margin);width:var(--sidebar-width);height:calc(100vh - (var(--sidebar-margin) * 2));background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:24px;display:flex;flex-direction:column;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.04) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(79,70,229,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.sidebar:after{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),rgba(79,70,229,.4),transparent);opacity:.6;border-radius:1px;animation:sidebarTopGlow 4s ease-in-out infinite}@keyframes sidebarTopGlow{0%,to{opacity:.4}50%{opacity:.9}}[data-theme=dark] .sidebar,[data-theme=light] .sidebar{background:var(--sidebar-bg);border:1px solid var(--sidebar-border)}.sidebar>*{position:relative;z-index:1}.sidebar-header{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.sidebar-header:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.02) 35%,rgba(79,70,229,.02) 50%,rgba(99,102,241,.02) 65%,transparent 100%);animation:headerShimmer 9s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes headerShimmer{0%,to{transform:translate(-25%)}50%{transform:translate(25%)}}.sidebar-logo{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.sidebar-logo .logo-img{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.sidebar-logo:hover .logo-img{transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 0 10px rgba(14,165,233,.4))}.logo-text{display:flex;align-items:center;gap:8px}.logo-name{font-size:1.12rem;font-weight:800;color:var(--sidebar-text);letter-spacing:-.03em;background:linear-gradient(135deg,var(--sidebar-text) 40%,var(--primary-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-close{display:none;background:var(--input-bg);border:1px solid var(--sidebar-border);color:var(--sidebar-text-muted);font-size:1.2rem;cursor:pointer;padding:6px;border-radius:10px;transition:all .2s;position:relative;z-index:1}.sidebar-close:hover{background:var(--border-color);color:var(--sidebar-text)}.pg-switcher{padding:14px;border-bottom:1px solid var(--sidebar-border);background:transparent}.pg-switcher-label{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-text-muted);margin-bottom:10px}.pg-switcher-label svg{font-size:.85rem;color:var(--primary-500)}.pg-select-wrapper{position:relative}.pg-select{width:100%;padding:10px 36px 10px 14px;background:var(--input-bg);border:1px solid var(--sidebar-border);border-radius:12px;color:var(--sidebar-text);font-family:inherit;font-size:.85rem;font-weight:600;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236366F1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .25s cubic-bezier(.4,0,.2,1)}.pg-select:hover{background-color:#6366f10a;border-color:var(--primary-400)}.pg-select:focus{border-color:var(--primary-500);background-color:#6366f10d;box-shadow:0 0 0 3px #0ea5e914}.pg-select option{background:var(--bg-primary);color:var(--text-primary)}.sidebar-nav{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:14px;font-size:.87rem;font-weight:500;color:var(--sidebar-text-muted);transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;position:relative;margin:1px 2px;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#6366f108;opacity:0;transition:opacity .25s;border-radius:14px}.nav-item:hover{background:var(--bg-card-hover, rgba(255,255,255,.04));color:var(--sidebar-text);transform:translate(3px)}.nav-item:hover:before{opacity:1}.nav-item:active{transform:scale(.96)}.nav-item.active{background:linear-gradient(135deg,#0ea5e914,#4f46e50f);border:1px solid rgba(14,165,233,.12);color:var(--sidebar-active);font-weight:700;box-shadow:0 4px 15px #6366f114,0 0 0 1px #6366f114 inset}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--gradient-primary);border-radius:0 3px 3px 0}.nav-item.active:before{display:none}.nav-icon{font-size:1.3rem;display:flex;flex-shrink:0;opacity:.5;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nav-item:hover .nav-icon{opacity:.9;transform:scale(1.2)}.nav-item.active .nav-icon{opacity:1;color:var(--primary-500);filter:drop-shadow(0 0 6px rgba(99,102,241,.4))}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;background:transparent}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0;border-radius:12px;padding:7px 8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-info:hover{background:var(--bg-card-hover, rgba(255,255,255,.05))}.user-avatar{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #6366f159}.sidebar-avatar-enhanced{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#fff;box-shadow:0 0 16px #6366f140,0 0 0 2px #6366f11a;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;overflow:hidden}.sidebar-avatar-enhanced:hover{box-shadow:0 0 25px #6366f166,0 0 0 3px #0ea5e933;transform:scale(1.1)}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.8rem;font-weight:700;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.62rem;color:var(--primary-400);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:1px}.logout-btn{width:34px;height:34px;border:1px solid rgba(244,63,94,.15);background:#f43f5e14;color:#fb7185cc;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:6px}.logout-btn:hover{background:#f43f5e2e;border-color:#f43f5e4d;color:#f43f5e;box-shadow:0 0 15px #f43f5e26;transform:scale(1.05)}.sidebar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-card);color:var(--text-primary);padding:6px 12px;border-radius:9px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1001;transform:translateY(-50%) translate(-4px)}.nav-item:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;animation:fadeIn .2s ease}@media (max-width: 1024px){.sidebar{top:0;left:0;bottom:0;height:100vh;border-radius:0;transform:translate(-100%);border-right:1px solid var(--sidebar-border)}.sidebar.open{transform:translate(0);box-shadow:4px 0 40px #00000080}.sidebar-close{display:flex;align-items:center;justify-content:center}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;background:var(--bg-primary, #f8fafc);position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-brand-name,.auth-title,.auth-subtitle,.auth-role-tab,.auth-hero-title{font-family:Geist,Inter,sans-serif!important;letter-spacing:-.02em}.auth-left-panel{display:none;flex:1.1;background:linear-gradient(135deg,#090d16,#0f172a,#1e1b4b);color:#fff;padding:44px 48px;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:100vh;min-height:100dvh;box-sizing:border-box}@media (min-width: 900px){.auth-left-panel{display:flex}}.auth-mesh-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(37,99,235,.22) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(14,165,233,.18) 0%,transparent 60%);pointer-events:none}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.6}.auth-orb-1{width:300px;height:300px;background:#2563eb4d;top:-50px;left:-50px}.auth-orb-2{width:250px;height:250px;background:#6366f140;bottom:-40px;right:-40px}.auth-orb-3{width:200px;height:200px;background:#0ea5e933;top:40%;left:30%}.auth-brand-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.auth-brand-logo img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(37,99,235,.4))}.auth-brand-logo-name{font-family:Geist,Inter,sans-serif!important;font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.03em}.auth-left-content{margin:auto 0;max-width:480px;position:relative;z-index:2;padding:20px 0}.auth-left-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#2563eb26;border:1px solid rgba(37,99,235,.3);border-radius:9999px;font-size:.78rem;font-weight:700;color:#60a5fa;margin-bottom:20px;letter-spacing:.02em}.auth-left-heading{font-family:Geist,Inter,sans-serif!important;font-size:clamp(2rem,3vw,2.6rem);font-weight:900;line-height:1.12;color:#fff;margin-bottom:16px;letter-spacing:-.04em}.auth-left-heading span{background:linear-gradient(135deg,#60a5fa,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-left-subtext{font-size:.98rem;color:#94a3b8;line-height:1.65;margin-bottom:28px}.auth-feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-fc{display:flex;align-items:flex-start;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s ease}.auth-fc:hover{background:#ffffff14;border-color:#6366f14d;transform:translateY(-2px)}.auth-fc-icon{width:32px;height:32px;border-radius:10px;background:#2563eb33;color:#60a5fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-fc-text{display:flex;flex-direction:column}.auth-fc-title{font-size:.82rem;font-weight:700;color:#f8fafc;margin-bottom:2px}.auth-fc-desc{font-size:.72rem;color:#94a3b8;line-height:1.35}.auth-right-panel{width:100%;max-width:540px;background:var(--bg-card, #ffffff);padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;box-sizing:border-box;position:relative;min-height:100vh;min-height:100dvh;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.auth-right-panel::-webkit-scrollbar{width:6px}.auth-right-panel::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.auth-right-inner{width:100%;max-width:440px;margin:auto 0;display:flex;flex-direction:column;position:relative;z-index:2;padding:12px 0;box-sizing:border-box}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.auth-logo img{width:34px;height:34px;object-fit:contain;border-radius:8px}.auth-logo-name{font-family:Geist,Inter,sans-serif!important;font-size:1.25rem;font-weight:800;color:var(--text-primary, #0f172a)}.auth-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-muted, #64748b);text-decoration:none;margin-bottom:16px;transition:color .2s ease}.auth-back-link:hover{color:var(--primary-500, #2563eb)}.auth-brand-mark{display:flex;align-items:center;gap:8px;margin-bottom:16px}.auth-brand-mark-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 10px #2563eb80}.auth-brand-mark-text{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #64748b)}.account-type-toggle{display:flex;background:var(--bg-secondary, #f1f5f9);padding:4px;border-radius:14px;margin-bottom:20px;border:1px solid var(--border-color, #e2e8f0)}.account-type-btn{flex:1;padding:10px 14px;min-height:42px;border-radius:10px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;touch-action:manipulation}.account-type-btn.active{background:var(--primary-500, #2563eb);color:#fff;box-shadow:0 4px 14px #2563eb4d}.auth-header{margin-bottom:20px}.auth-header h1{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:900;letter-spacing:-.03em;color:var(--text-primary, #0f172a);margin:0 0 6px}.auth-header p{font-size:.88rem;color:var(--text-muted, #64748b);margin:0}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:12px;padding:12px 16px;color:#dc2626;font-size:.85rem;font-weight:600;margin-bottom:20px}.form-row{display:flex;gap:12px}.form-group{margin-bottom:14px;flex:1}.form-group label{display:block;font-size:.78rem;font-weight:700;color:var(--text-secondary, #334155);margin-bottom:5px}.form-control{width:100%;padding:11px 14px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:12px;font-size:.9rem;font-weight:500;color:var(--text-primary, #0f172a);box-sizing:border-box;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{border-color:var(--primary-500, #2563eb);box-shadow:0 0 0 3px #2563eb26}.role-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px}.role-option-btn{padding:10px 8px;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #f8fafc);color:var(--text-secondary, #475569);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;font-size:.76rem;text-align:center;touch-action:manipulation}.role-option-btn:hover{border-color:var(--primary-300, #93c5fd);background:var(--bg-card, #ffffff)}.role-option-btn.active{border-color:var(--primary-500, #2563eb);background:#2563eb14;color:var(--primary-500, #2563eb);box-shadow:0 4px 12px #2563eb1f}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper .form-control{padding-right:42px}.password-toggle{position:absolute;right:10px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:color .2s;touch-action:manipulation}.password-toggle:hover{color:#1e293b}.password-strength-track{height:4px;background:#e2e8f0;border-radius:9999px;margin-top:6px;overflow:hidden}.password-strength{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength.weak{width:33%;background:#ef4444}.password-strength.medium{width:66%;background:#f59e0b}.password-strength.strong{width:100%;background:#10b981}.password-strength-label{font-size:.72rem;font-weight:700;margin-top:3px}.password-strength-label.weak{color:#ef4444}.password-strength-label.medium{color:#f59e0b}.password-strength-label.strong{color:#10b981}.auth-btn,.auth-btn-theme{width:100%;padding:12px;min-height:46px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-family:Inter,sans-serif;font-size:.92rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 18px #2563eb59;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;letter-spacing:.02em;touch-action:manipulation}.auth-btn:hover,.auth-btn-theme:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 8px 25px #2563eb73}.auth-btn:disabled,.auth-btn-theme:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.auth-divider-mock{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0 18px;font-size:.82rem;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:lowercase;width:100%}.auth-divider-mock:before,.auth-divider-mock:after{content:"";flex:1;height:1px;background:var(--border-color, #e2e8f0)}.auth-toggle-link,.auth-link{margin-top:20px;text-align:center;font-size:.88rem;color:var(--text-secondary, #475569);display:flex;align-items:center;justify-content:center;gap:6px}.auth-toggle-link span,.auth-toggle-link a,.auth-link a{color:var(--primary-500, #2563eb);font-weight:700;cursor:pointer;text-decoration:none;transition:color .2s ease}.auth-toggle-link span:hover,.auth-toggle-link a:hover,.auth-link a:hover{color:var(--primary-600, #1d4ed8);text-decoration:underline}@media (max-width: 640px){.auth-right-panel{padding:20px 16px;max-width:100%}.auth-right-inner{margin:0;padding:10px 0}.form-row{flex-direction:column;gap:0}.form-control{font-size:16px!important}.role-options-grid{grid-template-columns:1fr 1fr}}@media (max-width: 960px){.auth-page{height:auto!important;min-height:100vh!important;overflow-y:auto!important}.auth-right-panel{width:100%!important;padding:32px 16px!important}.auth-card{max-width:100%!important;padding:24px 20px!important}}@media (max-width: 480px){.auth-right-panel{padding:20px 12px!important}.auth-card{padding:20px 16px!important;border-radius:16px!important}.auth-card-title{font-size:1.35rem!important}}:root,[data-theme=light]{--lp-bg: #f8fafc;--lp-surface-0: #ffffff;--lp-surface-1: #f1f5f9;--lp-surface-2: #e2e8f0;--lp-border-subtle: #e2e8f0;--lp-border-strong: #cbd5e1;--lp-text-main: #0f172a;--lp-text-sub: #475569;--lp-text-muted: #94a3b8;--lp-indigo: #4f46e5;--lp-emerald: #059669;--lp-purple: #7c3aed;--lp-amber: #d97706;--lp-rose: #db2777;--lp-cyan: #0284c7;--lp-primary: #4f46e5;--lp-aurora-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--lp-hero-bg: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--lp-nav-bg: rgba(255, 255, 255, .92);--lp-footer-bg: #ffffff;--lp-card-bg: #ffffff;--lp-shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .05);--lp-shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);--lp-shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, .12);--lp-shadow-hover: 0 16px 32px -4px rgba(15, 23, 42, .14);--lp-radius-sm: 8px;--lp-radius-md: 14px;--lp-radius-card: 20px;--lp-radius-pill: 9999px}[data-theme=dark]{--lp-bg: #090d16;--lp-surface-0: #0f172a;--lp-surface-1: #1e293b;--lp-surface-2: #334155;--lp-border-subtle: rgba(255, 255, 255, .1);--lp-border-strong: rgba(255, 255, 255, .2);--lp-text-main: #f8fafc;--lp-text-sub: #94a3b8;--lp-text-muted: #64748b;--lp-indigo: #6366f1;--lp-emerald: #10b981;--lp-purple: #a855f7;--lp-amber: #f59e0b;--lp-rose: #ec4899;--lp-cyan: #06b6d4;--lp-primary: #6366f1;--lp-aurora-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--lp-hero-bg: radial-gradient(ellipse at 50% 0%, #1e1b4b 0%, #090d16 70%);--lp-nav-bg: rgba(15, 23, 42, .88);--lp-footer-bg: #020617;--lp-card-bg: #0f172a;--lp-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .3);--lp-shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .5);--lp-shadow-lg: 0 16px 40px -4px rgba(0, 0, 0, .6);--lp-shadow-hover: 0 20px 48px -4px rgba(99, 102, 241, .3)}.lp-root{min-height:100vh;background-color:var(--lp-bg);color:var(--lp-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.w-full{width:100%}.mt-4{margin-top:1rem}.text-center{text-align:center}.justify-center{justify-content:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-bold{font-weight:700}.lp-marquee-bar{background:var(--lp-aurora-gradient);color:#fff;padding:6px 0;overflow:hidden;font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.lp-marquee-track{display:inline-flex;gap:36px;animation:lpMarquee 30s linear infinite}.lp-marquee-item{display:inline-flex;align-items:center;gap:8px}@keyframes lpMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-nav{position:fixed;top:28px;left:0;right:0;z-index:100;background:var(--lp-nav-bg);border-bottom:1px solid var(--lp-border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .3s ease,border-color .3s ease}.lp-nav-inner{max-width:1280px;margin:0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.lp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.lp-logo-img{width:36px;height:36px;object-fit:contain;border-radius:var(--lp-radius-sm)}.lp-brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--lp-text-main)}.lp-nav-links{display:flex;align-items:center;gap:8px}.lp-nav-link{font-size:.9rem;font-weight:500;color:var(--lp-text-sub);text-decoration:none;padding:8px 16px;border-radius:var(--lp-radius-sm);transition:all .2s ease}.lp-nav-link:hover{color:var(--lp-text-main);background-color:var(--lp-surface-1)}.lp-nav-actions{display:flex;align-items:center;gap:12px}.lp-theme-toggle-btn{width:38px;height:38px;border-radius:50%;background-color:var(--lp-surface-1);border:1px solid var(--lp-border-subtle);color:var(--lp-text-main);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.lp-theme-toggle-btn:hover{background-color:var(--lp-surface-2);transform:scale(1.08)}.lp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;background:var(--lp-aurora-gradient);color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:var(--lp-radius-md);cursor:pointer;box-shadow:0 4px 20px #4f46e559;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed73}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;background-color:var(--lp-surface-0);color:var(--lp-text-main);font-size:.9rem;font-weight:600;border:1px solid var(--lp-border-strong);border-radius:var(--lp-radius-md);cursor:pointer;box-shadow:var(--lp-shadow-sm);transition:all .2s ease;white-space:nowrap}.lp-btn-secondary:hover{background-color:var(--lp-surface-1);border-color:var(--lp-primary);transform:translateY(-1px)}.lp-btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--lp-radius-md)}.lp-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px}.lp-hamburger span{width:22px;height:2px;background-color:var(--lp-text-main);border-radius:2px}.lp-hero{padding-top:150px;padding-bottom:80px;position:relative;overflow:hidden;background:var(--lp-hero-bg)}.lp-aurora-halo-1{position:absolute;top:10%;left:20%;width:500px;height:500px;background:radial-gradient(circle,#6366f133,#0000 70%);filter:blur(60px);pointer-events:none}.lp-aurora-halo-2{position:absolute;top:20%;right:15%;width:450px;height:450px;background:radial-gradient(circle,#ec48992e,#0000 70%);filter:blur(60px);pointer-events:none}.lp-hero-container{max-width:1180px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:2}.lp-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background-color:var(--lp-surface-0);border:1px solid var(--lp-border-strong);border-radius:var(--lp-radius-pill);font-size:.85rem;font-weight:700;color:var(--lp-primary);box-shadow:var(--lp-shadow-sm);margin-bottom:24px}.lp-aurora-dot{width:8px;height:8px;border-radius:50%;background:var(--lp-aurora-gradient)}.lp-hero-title{font-size:3.75rem;line-height:1.12;font-weight:800;letter-spacing:-.03em;color:var(--lp-text-main);margin:0 0 20px}.lp-aurora-text{background:var(--lp-aurora-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-hero-sub{font-size:1.18rem;line-height:1.6;color:var(--lp-text-sub);max-width:840px;margin:0 auto 36px}.lp-hero-ctas{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.lp-hero-ribbon{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:44px;flex-wrap:wrap}.lp-ribbon-tag{font-size:.82rem;font-weight:700;padding:8px 18px;border-radius:var(--lp-radius-pill);background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle);color:var(--lp-text-main);box-shadow:var(--lp-shadow-sm)}.lp-simulator-card.lp-3d-tilt{background-color:var(--lp-surface-0);border:1px solid var(--lp-border-strong);border-radius:var(--lp-radius-card);box-shadow:var(--lp-shadow-lg);overflow:hidden;text-align:left;transform:perspective(1000px) rotateX(2deg);transition:transform .3s ease,box-shadow .3s ease}.lp-simulator-card.lp-3d-tilt:hover{transform:perspective(1000px) rotateX(0);box-shadow:var(--lp-shadow-hover)}.lp-sim-header{height:44px;background-color:var(--lp-surface-1);color:var(--lp-text-main);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--lp-border-subtle)}.lp-sim-controls{display:flex;align-items:center;gap:8px}.lp-sim-dot{width:10px;height:10px;border-radius:50%}.lp-sim-dot.red{background-color:#ef4444}.lp-sim-dot.yellow{background-color:#f59e0b}.lp-sim-dot.green{background-color:#10b981}.lp-sim-title{font-size:.78rem;color:var(--lp-text-muted);margin-left:8px}.lp-sim-badge{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#10b981;letter-spacing:.05em}.lp-live-pulse{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.lp-sim-tabs{display:flex;background-color:var(--lp-surface-1);border-bottom:1px solid var(--lp-border-subtle);padding:8px;gap:8px;overflow-x:auto}.lp-sim-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--lp-radius-md);font-size:.86rem;font-weight:700;border:1px solid transparent;background:transparent;color:var(--lp-text-sub);cursor:pointer;transition:all .2s ease;white-space:nowrap}.lp-sim-tab.active{background-color:var(--lp-surface-0);color:var(--lp-primary);border-color:var(--lp-primary);box-shadow:var(--lp-shadow-sm)}.lp-sim-body{padding:28px;min-height:240px}.lp-fade-in{animation:simFade .25s ease-in-out}@keyframes simFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lp-sim-floor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.lp-sim-h4{font-size:1.1rem;font-weight:800;margin:0 0 4px;color:var(--lp-text-main)}.lp-sim-p{font-size:.85rem;color:var(--lp-text-muted);margin:0}.lp-sim-pill{font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:var(--lp-radius-pill)}.lp-sim-pill.pill-indigo{background:#6366f126;color:var(--lp-primary);border:1px solid var(--lp-primary)}.lp-bed-matrix-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.lp-room-card{background-color:var(--lp-surface-1);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-md);padding:16px}.lp-room-title{font-size:.85rem;font-weight:700;color:var(--lp-text-sub);margin-bottom:12px}.lp-beds-flex{display:flex;flex-direction:column;gap:10px}.lp-bed-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--lp-radius-sm);background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle)}.lp-bed-chip.occupied{border-left:3px solid var(--lp-primary)}.lp-bed-chip.vacant{border-left:3px solid #10b981;background-color:#10b9811a;cursor:pointer}.lp-bed-icon{font-size:1.2rem}.lp-bed-name{font-size:.85rem;font-weight:700;color:var(--lp-text-main)}.lp-bed-status{font-size:.75rem;color:var(--lp-text-muted)}.lp-bed-status.action{color:#10b981;font-weight:700}.lp-ledger-demo{background-color:var(--lp-surface-1);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-md);overflow:hidden}.lp-ledger-row{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr 1.5fr;padding:12px 16px;font-size:.85rem;align-items:center;border-bottom:1px solid var(--lp-border-subtle)}.lp-ledger-row.head{background-color:var(--lp-surface-2);font-size:.72rem;font-weight:800;color:var(--lp-text-muted);text-transform:uppercase}.lp-status-badge.paid{display:inline-block;padding:4px 10px;background-color:#10b98126;color:#10b981;border-radius:var(--lp-radius-pill);font-size:.75rem;font-weight:800}.lp-kyc-demo-grid,.lp-food-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.lp-kyc-card,.lp-food-meal-card{padding:16px;background-color:var(--lp-surface-1);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-md)}.lp-kyc-avatar{width:44px;height:44px;border-radius:50%;background-color:#6366f126;color:var(--lp-primary);font-weight:800;display:flex;align-items:center;justify-content:center}.lp-kyc-name{font-size:.9rem;font-weight:700;color:var(--lp-text-main);display:flex;align-items:center;gap:8px}.lp-verified-tag{font-size:.7rem;background-color:#10b98126;color:#10b981;padding:2px 6px;border-radius:4px;font-weight:700}.lp-kyc-meta{font-size:.78rem;color:var(--lp-text-muted)}.lp-meal-type{font-size:.72rem;font-weight:800;color:var(--lp-primary);margin-bottom:6px}.lp-meal-name{font-size:.9rem;font-weight:700;color:var(--lp-text-main);margin-bottom:6px}.lp-meal-rating{font-size:.78rem;color:#f59e0b;font-weight:700}.lp-section{padding:100px 24px}.lp-bg-alt{background-color:var(--lp-surface-1)}.lp-section-container{max-width:1240px;margin:0 auto}.lp-max-w-md{max-width:800px}.lp-section-header{margin-bottom:56px}.lp-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:#6366f126;color:var(--lp-primary);border-radius:var(--lp-radius-pill);font-size:.8rem;font-weight:700;margin-bottom:12px}.lp-section-title{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--lp-text-main);margin:0 0 14px}.lp-section-sub{font-size:1.1rem;color:var(--lp-text-sub);max-width:640px;margin:0 auto}.lp-category-selector{display:flex;justify-content:center;gap:12px;margin-bottom:36px;flex-wrap:wrap}.lp-cat-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-pill);font-size:.92rem;font-weight:700;color:var(--lp-text-sub);cursor:pointer;transition:all .2s ease}.lp-cat-btn.active{background-color:var(--lp-primary);color:#fff;border-color:var(--lp-primary);box-shadow:0 4px 20px #6366f159}.lp-category-box{background-color:var(--lp-surface-0);border:1px solid var(--lp-border-strong);border-radius:var(--lp-radius-card);padding:40px;box-shadow:var(--lp-shadow-md)}.lp-category-box.color-indigo{border-top:4px solid var(--lp-indigo)}.lp-category-box.color-emerald{border-top:4px solid var(--lp-emerald)}.lp-category-box.color-purple{border-top:4px solid var(--lp-purple)}.lp-category-box.color-amber{border-top:4px solid var(--lp-amber)}.lp-category-box.color-rose{border-top:4px solid var(--lp-rose)}.lp-cat-badge{display:inline-block;font-size:.78rem;font-weight:800;color:var(--lp-primary);background-color:#6366f126;padding:4px 12px;border-radius:var(--lp-radius-pill);margin-bottom:16px;letter-spacing:.05em}.lp-cat-icon{width:52px;height:52px;border-radius:var(--lp-radius-md);background-color:#6366f126;color:var(--lp-primary);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:18px}.lp-cat-title{font-size:1.75rem;font-weight:800;color:var(--lp-text-main);margin:0 0 10px}.lp-cat-desc{font-size:1rem;color:var(--lp-text-sub);margin-bottom:14px}.lp-cat-tagline{font-size:.92rem;color:var(--lp-text-main);margin-bottom:24px}.lp-cat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:32px}.lp-cat-item{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:var(--lp-text-main)}.lp-cat-check{color:#10b981;font-size:1.2rem}.lp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.lp-step-card{background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-card);padding:32px;box-shadow:var(--lp-shadow-sm);position:relative}.lp-step-num{font-size:2.5rem;font-weight:800;color:var(--lp-text-muted);position:absolute;top:24px;right:28px}.lp-step-icon{width:48px;height:48px;border-radius:var(--lp-radius-md);background-color:#6366f126;color:var(--lp-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.lp-step-title{font-size:1.2rem;font-weight:700;color:var(--lp-text-main);margin:0 0 10px}.lp-step-desc{font-size:.92rem;color:var(--lp-text-sub);line-height:1.55;margin:0}.lp-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-bento-card{background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-card);padding:32px;box-shadow:var(--lp-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.lp-bento-card:hover{transform:translateY(-3px);box-shadow:var(--lp-shadow-hover)}.bento-indigo{border-top:3px solid var(--lp-indigo)}.bento-emerald{border-top:3px solid var(--lp-emerald)}.bento-purple{border-top:3px solid var(--lp-purple)}.bento-amber{border-top:3px solid var(--lp-amber)}.bento-rose{border-top:3px solid var(--lp-rose)}.bento-cyan{border-top:3px solid var(--lp-cyan)}.lp-bento-icon{width:48px;height:48px;border-radius:var(--lp-radius-md);background-color:#6366f126;color:var(--lp-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px}.lp-bento-heading{font-size:1.15rem;font-weight:700;color:var(--lp-text-main);margin:0 0 8px}.lp-bento-text{font-size:.9rem;color:var(--lp-text-sub);line-height:1.55;margin:0}.lp-faq-accordion{display:flex;flex-direction:column;gap:14px;margin-top:36px}.lp-faq-item{background-color:var(--lp-surface-0);border:1px solid var(--lp-border-subtle);border-radius:var(--lp-radius-md);overflow:hidden}.lp-faq-q{padding:20px 24px;font-size:1rem;font-weight:700;color:var(--lp-text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.lp-faq-icon{transition:transform .2s ease}.lp-faq-item.open .lp-faq-icon{transform:rotate(180deg)}.lp-faq-a{padding:0 24px 20px;font-size:.92rem;color:var(--lp-text-sub);line-height:1.6}.lp-cta-banner{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff;padding:100px 24px;position:relative;overflow:hidden}.lp-cta-glow-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#a855f740,#0000 70%);filter:blur(70px);pointer-events:none}.lp-cta-title{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px}.lp-cta-sub{font-size:1.15rem;color:#94a3b8;max-width:600px;margin:0 auto 36px}.lp-footer{background-color:var(--lp-footer-bg);border-top:1px solid var(--lp-border-subtle);padding:60px 24px 30px}.lp-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:48px}.lp-footer-desc{font-size:.88rem;color:var(--lp-text-sub);line-height:1.6;margin-top:16px;max-width:320px}.lp-footer-heading{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--lp-text-main);margin-bottom:16px}.lp-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lp-footer-links a{color:var(--lp-text-sub);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s ease}.lp-footer-links a:hover{color:var(--lp-primary)}.lp-footer-theme-toggle{background:transparent;border:1px solid var(--lp-border-subtle);color:var(--lp-text-main);padding:6px 12px;border-radius:var(--lp-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.lp-footer-theme-toggle:hover{background-color:var(--lp-surface-1)}.lp-footer-bottom{border-top:1px solid var(--lp-border-subtle);padding-top:24px;display:flex;justify-content:space-between;font-size:.82rem;color:var(--lp-text-muted);flex-wrap:wrap;gap:12px}.lp-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:flex-end}.lp-mobile-menu{width:300px;height:100%;background-color:var(--lp-surface-0);padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--lp-shadow-lg)}.lp-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.lp-mobile-close{background:transparent;border:none;font-size:1.5rem;color:var(--lp-text-main);cursor:pointer}.lp-mobile-links{display:flex;flex-direction:column;gap:16px}.lp-mobile-links a{font-size:1rem;font-weight:700;color:var(--lp-text-main);text-decoration:none}.lp-mobile-actions{display:flex;flex-direction:column;gap:12px}@media (max-width: 1024px){.lp-nav-links{display:none}.lp-hamburger{display:flex}.lp-steps-grid,.lp-bento-grid{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr 1fr}.lp-hero-title{font-size:2.75rem}.lp-ledger-row{grid-template-columns:1.5fr 1fr 1.2fr 1.5fr}}@media (max-width: 640px){.lp-hero-title{font-size:2.1rem}.lp-hero-sub{font-size:1rem}.lp-cat-list{grid-template-columns:1fr}.lp-ledger-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.lp-ledger-row.head{display:none}}.apply-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg-primary)}.apply-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.apply-card{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-xl);position:relative;z-index:1;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.apply-header{text-align:center;margin-bottom:28px}.apply-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.apply-logo .logo-icon{width:44px;height:44px;background:var(--primary-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-sm)}.apply-logo .logo-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.apply-logo .logo-tag{font-size:.65rem;font-weight:700;color:var(--primary-600);background:var(--primary-50);padding:2px 6px;border-radius:var(--radius-sm);vertical-align:super}.apply-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.apply-header p{color:var(--text-secondary);font-size:.875rem}.success-card{text-align:center;padding:60px 40px}.success-icon{font-size:4rem;margin-bottom:20px;color:var(--success)}.success-card h1{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.success-card p{color:var(--text-secondary);line-height:1.6}@media (max-width: 480px){.apply-page{padding:12px}.apply-card{padding:24px 20px;border-radius:var(--radius-lg)}.apply-header h1{font-size:1.25rem}.success-card{padding:40px 20px}}.status-details-container{display:grid;gap:12px}.status-details-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-details-label{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.status-details-value{font-weight:500;text-align:right;word-break:break-all}.setup-account-card{margin-top:16px;padding:20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--info-bg),rgba(212,175,55,.05));border:1px solid var(--border-color);width:100%;box-sizing:border-box}@media (max-width: 480px){.status-details-row{flex-direction:column;align-items:flex-start;gap:4px}.status-details-value{text-align:left;font-size:1rem;width:100%}.setup-account-card{padding:16px;margin:12px -4px 0;width:calc(100% + 8px);border-radius:var(--radius-md)}}.field-error-msg{color:var(--danger, #ef4444);font-size:.75rem;margin-top:4px;display:block;font-weight:600;text-align:left;animation:fadeIn .2s ease}.property-showcase{width:100%;max-width:1280px;margin:0 auto;padding:24px 16px;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1024px){.showcase-grid-layout{grid-template-columns:1fr!important;gap:20px!important}.showcase-pricing-card{position:static!important;width:100%!important;max-width:100%!important}}@media (max-width: 640px){.property-showcase{padding:12px 8px}.showcase-hero-banner{height:220px!important;border-radius:16px!important}.showcase-thumbs-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.booking-modal-overlay,.kyc-modal-overlay{padding:8px!important}.booking-modal-card{padding:16px 12px!important;border-radius:16px!important;max-height:94vh!important}}@media (max-width: 380px){.showcase-hero-banner{height:180px!important}}:root{--slotify-navy-dark: #0b1329;--slotify-navy-mid: #0f172a;--slotify-blue-primary: #6366f1;--slotify-blue-hover: #4f46e5;--slotify-blue-bg: rgba(99, 102, 241, .15);--slotify-cyan: #38bdf8;--slotify-cyan-glow: #00f2fe;--slotify-cyan-bg: rgba(56, 189, 248, .12);--slotify-emerald: #10b981;--slotify-emerald-glow: #34d399;--text-dark: #ffffff;--text-muted: #cbd5e1}.property-showcase{width:100%;min-height:100vh;background:linear-gradient(180deg,#0b1329,#0f172a 40%,#080d1a)!important;color:#fff!important;padding:24px 16px 120px;box-sizing:border-box;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.showcase-single-col{width:100%;max-width:1200px;margin:0 auto;padding:0 4px;box-sizing:border-box}.showcase-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto 32px;padding:14px 24px;background:#0f172ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(99,102,241,.35);border-radius:24px;box-shadow:0 16px 45px #00000080,0 0 30px #6366f126;box-sizing:border-box}.nav-back-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-back-btn:hover{background:#38bdf833;border-color:#38bdf8;color:#38bdf8;transform:translate(-3px)}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo img,.nav-logo .logo-img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;border-radius:8px;filter:drop-shadow(0 4px 12px rgba(99,102,241,.6))}.nav-logo span{font-family:Geist,Inter,sans-serif;font-weight:900;font-size:1.3rem;letter-spacing:-.03em;color:#fff}.nav-status-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #818cf8;border-radius:12px;color:#fff;font-weight:800;font-size:.84rem;cursor:pointer;box-shadow:0 4px 20px #6366f173;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-status-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f1a6}.photo-filters-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;width:100%}.photo-filter-chip{padding:9px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#cbd5e1;font-weight:700;font-size:.84rem;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.photo-filter-chip:hover{background:#38bdf826;border-color:#38bdf8;color:#fff;transform:translateY(-1px)}.photo-filter-chip.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#818cf8;color:#fff;box-shadow:0 4px 18px #6366f173}.showcase-gallery{width:100%;margin-bottom:36px}.showcase-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;width:100%;box-sizing:border-box}.showcase-gallery-grid:has(>.gallery-item:only-child){grid-template-columns:1fr;grid-auto-rows:440px}.showcase-gallery-grid:has(>.gallery-item:nth-last-child(1):nth-child(2)){grid-template-columns:repeat(2,1fr);grid-auto-rows:320px}.showcase-gallery-grid:has(>.gallery-item:nth-last-child(1):nth-child(3)){grid-template-columns:2fr 1fr;grid-auto-rows:200px}.showcase-gallery-grid:has(>.gallery-item:nth-last-child(1):nth-child(3)) .gallery-item:first-child{grid-row:span 2;height:100%}.showcase-gallery-grid .gallery-item:first-child{grid-column:span 2;grid-row:span 2;height:100%}.gallery-item{position:relative;border-radius:24px;overflow:hidden;height:100%;width:100%;cursor:pointer;box-shadow:0 10px 35px #00000080;border:1.5px solid rgba(255,255,255,.15);transition:all .35s cubic-bezier(.16,1,.3,1);background:#0f172a}.gallery-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px #38bdf859;border-color:#38bdf8;z-index:5}.gallery-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.gallery-item:hover .gallery-img{transform:scale(1.08)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.3) 50%,transparent 100%);display:flex;align-items:flex-end;padding:18px 22px;color:#fff;font-size:.92rem;font-weight:800;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay,.gallery-item:first-child .gallery-overlay{opacity:1}.showcase-gallery-placeholder{background:#0f172a99;border:2px dashed rgba(56,189,248,.3);border-radius:24px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#38bdf8;margin-bottom:32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.placeholder-icon{width:54px;height:54px;border-radius:18px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;display:flex;align-items:center;justify-content:center}.placeholder-text{font-size:.95rem;font-weight:700;color:#cbd5e1}.showcase-about-section{background:linear-gradient(135deg,#0f172af2,#1e293bf2)!important;border:1.5px solid rgba(99,102,241,.4)!important;border-radius:28px!important;padding:42px 38px!important;box-shadow:0 25px 60px #00000080,0 0 40px #6366f126!important;color:#fff!important;margin-bottom:36px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.showcase-about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#38bdf8)}.property-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:999px;font-size:.78rem;font-weight:900;color:#fff;margin-bottom:16px;box-shadow:0 4px 15px #6366f173;letter-spacing:.05em;text-transform:uppercase;border:1px solid #818cf8}.showcase-header h1{font-family:Geist,Inter,sans-serif;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 40%,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px}.location-row{display:flex;align-items:center;gap:8px;color:#38bdf8;font-size:.98rem;font-weight:600;margin-bottom:24px}.showcase-stats{display:flex;align-items:center;gap:22px;background:#0f172acc;border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:18px 26px;margin-bottom:28px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;font-size:.94rem;color:#cbd5e1;font-weight:700}.stat-icon{color:#38bdf8;display:flex}.stat-highlight{color:#34d399;font-weight:900;font-size:1.2rem}.stat-divider{width:1px;height:24px;background:#ffffff26}.showcase-about-section .desc-text{color:#cbd5e1!important;font-size:.98rem;line-height:1.7}.desc-toggle{background:none;border:none;color:#38bdf8;font-weight:800;font-size:.88rem;cursor:pointer;margin-top:12px;padding:0}.showcase-section,.showcase-card{background:#0f172ad1!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1.5px solid rgba(255,255,255,.1)!important;border-radius:26px!important;padding:38px!important;box-shadow:0 20px 50px #0006!important;margin-bottom:32px;box-sizing:border-box;position:relative;color:#fff!important}.showcase-section-title{font-family:Geist,Inter,sans-serif;font-size:clamp(1.3rem,2.5vw,1.55rem);font-weight:900;color:#fff!important;margin:0 0 22px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.showcase-section-title:before{content:"";width:5px;height:26px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:99px;display:inline-block}.amenity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:18px}.amenity-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 20px;box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.16,1,.3,1)}.amenity-card:hover{background:#6366f126;border-color:#818cf8;transform:translateY(-3px);box-shadow:0 10px 25px #6366f14d}.amenity-icon{width:42px;height:42px;border-radius:12px;background:#6366f133;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.amenity-label{font-size:.92rem;font-weight:700;color:#fff}.highlight-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.highlight-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#10b9811f;border:1.5px solid rgba(52,211,153,.3);border-radius:999px;font-size:.88rem;font-weight:800;color:#34d399;box-shadow:0 4px 15px #10b98126}.showcase-reviews-section .reviews-empty-state{background:#ffffff0a;border:1.5px dashed rgba(255,255,255,.15);border-radius:18px;padding:26px;color:#94a3b8;font-size:.92rem;line-height:1.6}.selection-requirements-card{background:#0f172ae0!important;border:1.5px solid rgba(99,102,241,.35)!important;border-top:4px solid #6366f1!important;border-radius:28px!important;padding:42px!important;box-shadow:0 20px 55px #00000073!important;color:#fff!important;margin-bottom:36px}.selection-requirements-card .requirements-title{font-family:Geist,Inter,sans-serif!important;font-size:1.6rem!important;font-weight:900!important;color:#fff!important}.selection-requirements-card .requirements-subtitle{color:#cbd5e1!important;font-size:.92rem!important}.selection-requirements-card .selector-label{color:#fff!important;font-size:.95rem!important;font-weight:800!important}.ac-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ac-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:18px 22px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:18px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.ac-option-btn:hover{background:#6366f11f;border-color:#6366f1;transform:translateY(-2px)}.ac-option-btn.selected{background:linear-gradient(135deg,#6366f140,#a855f740);border:2.5px solid #818cf8;box-shadow:0 8px 25px #6366f159}.option-title{font-size:.98rem;font-weight:800;color:#fff}.option-sub{font-size:.78rem;color:#94a3b8;margin-top:4px}.sharing-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.sharing-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px 18px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:18px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;position:relative}.sharing-option-btn:hover{background:#6366f11f;border-color:#6366f1;transform:translateY(-2px)}.sharing-option-btn.selected{background:linear-gradient(135deg,#6366f140,#a855f740);border:2.5px solid #818cf8;box-shadow:0 8px 25px #6366f159}.selected-tag{font-size:.72rem;font-weight:800;color:#34d399;background:#10b98133;padding:3px 8px;border-radius:6px;margin-top:8px;border:1px solid rgba(52,211,153,.4)}.packages-grid,.simultaneous-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:16px;margin-bottom:24px}.package-pricing-card,.simultaneous-package-card{background:#0f172ad9;border:1.5px solid rgba(255,255,255,.12);border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 8px 25px #0000004d;transition:all .25s cubic-bezier(.16,1,.3,1)}.package-pricing-card:hover,.simultaneous-package-card:hover{border-color:#6366f1;transform:translateY(-4px);box-shadow:0 16px 36px #6366f140}.simultaneous-package-card.selected{border:2.5px solid #a855f7;background:linear-gradient(135deg,#6366f140,#a855f740);box-shadow:0 12px 35px #a855f759}.package-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.package-title{font-family:Geist,Inter,sans-serif;font-size:1.15rem;font-weight:800;color:#fff;margin:0;line-height:1.3}.package-type-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#6366f133;border:1px solid rgba(129,140,248,.4);border-radius:9999px;font-size:.72rem;font-weight:700;color:#818cf8;white-space:nowrap}.package-price-display{font-family:Geist,Inter,sans-serif;font-size:1.7rem;font-weight:900;color:#38bdf8;letter-spacing:-.03em;margin-bottom:12px;display:flex;align-items:baseline;gap:4px}.package-price-period{font-size:.85rem;font-weight:600;color:#94a3b8}.package-description{font-size:.88rem;color:#cbd5e1;line-height:1.5;margin-bottom:16px}.package-services-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.package-service-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#cbd5e1;font-weight:500}.service-check{color:#34d399;font-weight:800;font-size:.95rem;flex-shrink:0}.package-select-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.9rem;font-weight:800;border:1px solid #818cf8;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:all .25s ease;margin-top:auto}.package-select-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 8px 22px #6366f199}.showcase-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);color:#fff;font-size:1rem;font-weight:900;border:none;border-radius:16px;cursor:pointer;box-shadow:0 8px 30px #8b5cf673;transition:all .3s cubic-bezier(.16,1,.3,1)}.showcase-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 35px #8b5cf6a6}.food-menu-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px}.food-day-card{background:#0f172ad9;border:1.5px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;box-shadow:0 4px 18px #0000004d;transition:all .25s ease}.food-day-card:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 10px 25px #6366f140}.food-day-title{font-family:Geist,Inter,sans-serif;font-weight:900;font-size:1rem;color:#fff;padding-bottom:8px;margin-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.food-slots-list{display:flex;flex-direction:column;gap:8px}.food-slot-item{display:flex;flex-direction:column;gap:3px;background:#ffffff0a;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.slot-badge{font-size:.76rem;font-weight:800;color:#38bdf8}.slot-desc{font-size:.85rem;color:#cbd5e1;font-weight:600;line-height:1.4}@media (max-width: 768px){.showcase-gallery-grid{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:160px!important;gap:10px!important}}@media (max-width: 640px){.property-showcase{padding:12px 8px 80px}.showcase-nav{padding:10px 14px;margin-bottom:20px;border-radius:16px;flex-wrap:wrap;gap:8px}.nav-back-btn{padding:7px 12px;font-size:.78rem}.nav-logo span{font-size:1rem}.showcase-gallery-grid{grid-template-columns:1fr!important;grid-auto-rows:220px!important;gap:12px!important}.gallery-item{border-radius:18px!important}.simultaneous-packages-grid{grid-template-columns:1fr!important;gap:12px!important}.selector-group{padding:16px!important;border-radius:16px!important}}.floor-pills-row,.room-buttons-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;margin-bottom:16px}.floor-pill-btn,.room-pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.floor-pill-btn:hover,.room-pill-btn:hover{background:#6366f12e;border-color:#818cf8;color:#fff;transform:translateY(-2px)}.floor-pill-btn.selected,.room-pill-btn.selected{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1.5px solid #a855f7;color:#fff;box-shadow:0 6px 22px #6366f173}.selection-tip-box{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);border-radius:14px;padding:14px 20px;color:#38bdf8;font-size:.9rem;font-weight:600;margin:16px 0 20px}.subgroup-label{color:#cbd5e1;font-size:.9rem;font-weight:800;display:block;margin-top:18px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.beds-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:12px;margin-bottom:24px}.bed-card-btn{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px;background:#0f172ad9;border:1.5px solid rgba(255,255,255,.15);border-radius:18px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;box-shadow:0 6px 20px #0000004d;box-sizing:border-box}.bed-card-btn:hover{background:#6366f126;border-color:#818cf8;transform:translateY(-3px);box-shadow:0 12px 30px #6366f159}.bed-card-btn.selected{background:linear-gradient(135deg,#6366f14d,#a855f74d);border:2.5px solid #a855f7;box-shadow:0 10px 30px #a855f773}.bed-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1rem;font-weight:900;color:#fff;margin-bottom:8px}.bed-selected-check{font-size:.75rem;font-weight:900;color:#34d399;background:#10b98133;padding:3px 8px;border-radius:6px;border:1px solid rgba(52,211,153,.4)}.bed-rent{font-size:1.15rem;font-weight:900;color:#38bdf8;margin-bottom:4px}.bed-deposit{font-size:.78rem;color:#94a3b8;font-weight:600}.selected-specification-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1.5px solid rgba(16,185,129,.4);border-radius:22px;padding:24px 28px;margin-top:24px;box-shadow:0 10px 30px #0006}.spec-card-badge{display:inline-flex;align-items:center;padding:5px 14px;background:#10b98126;border:1px solid rgba(52,211,153,.4);border-radius:999px;font-size:.75rem;font-weight:800;color:#34d399;text-transform:uppercase;margin-bottom:12px;letter-spacing:.04em}.spec-title{font-family:Geist,Inter,sans-serif;font-size:1.3rem;font-weight:900;color:#fff;margin:0 0 6px}.spec-details{font-size:.9rem;color:#cbd5e1;font-weight:600;line-height:1.5}.spec-offer-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#eab3082e;border:1px solid rgba(234,179,8,.4);border-radius:999px;font-size:.82rem;font-weight:800;color:#facc15}.no-vacancies-alert{background:#ef444426;border:1.5px solid rgba(239,68,68,.4);border-radius:18px;padding:20px 24px;color:#fca5a5;font-size:.95rem;font-weight:700;text-align:center;margin:20px 0}.duration-picker-box{background:#0f172acc!important;border:1.5px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:24px!important;margin-top:12px;box-shadow:0 10px 30px #00000059!important}.duration-unit-toggles{display:flex;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);margin-bottom:18px;background:#ffffff0d;padding:4px;gap:6px}.duration-tab-btn{flex:1;padding:10px 0;border:none;cursor:pointer;font-weight:800;font-size:.88rem;transition:all .25s ease;border-radius:10px;background:transparent;color:#94a3b8}.duration-tab-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 15px #6366f173}.duration-quick-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.duration-chip-btn{padding:8px 18px;border-radius:999px;cursor:pointer;font-size:.84rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);border:1.5px solid rgba(255,255,255,.15);background:#ffffff0f;color:#cbd5e1}.duration-chip-btn:hover{background:#6366f126;border-color:#818cf8;color:#fff;transform:translateY(-1px)}.duration-chip-btn.active{border-color:#38bdf8;background:#38bdf82e;color:#38bdf8;box-shadow:0 0 16px #38bdf84d}.duration-custom-input-wrapper{position:relative;margin-bottom:14px}.duration-custom-input{width:100%;padding-right:90px!important;text-align:center!important;font-weight:900!important;font-size:1.3rem!important;letter-spacing:.05em!important;background:#0f172ae6!important;border:2px solid #6366f1!important;color:#fff!important;border-radius:16px!important;height:52px!important;box-shadow:0 4px 20px #6366f140!important;box-sizing:border-box!important}.duration-custom-input:focus{border-color:#a855f7!important;box-shadow:0 0 25px #a855f766!important;outline:none!important}.duration-input-unit-label{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:.88rem;color:#38bdf8;font-weight:800;pointer-events:none;text-transform:lowercase}.duration-summary-badge{margin-top:12px;padding:12px 18px;border-radius:14px;background:#6366f12e;border:1px solid rgba(129,140,248,.35);font-size:.86rem;color:#38bdf8;font-weight:700;display:flex;align-items:center;gap:8px}.simultaneous-packages-header{margin:28px 0 18px;font-size:1.1rem;font-weight:900;color:#fff!important;display:flex;align-items:center;gap:10px}.sim-card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sim-card-title{font-family:Geist,Inter,sans-serif;font-size:1.1rem;font-weight:900;color:#fff!important}.sim-period-badge{font-size:.74rem;font-weight:800;color:#38bdf8!important;background:#38bdf826!important;padding:4px 10px;border-radius:8px;align-self:flex-start;border:1px solid rgba(56,189,248,.3)!important}.sim-total-price{font-family:Geist,Inter,sans-serif;font-size:1.65rem;font-weight:900;color:#38bdf8!important;margin:8px 0;display:flex;align-items:baseline}.sim-unit-label{font-size:.84rem;font-weight:700;color:#94a3b8!important;margin-left:4px}.sim-rate-breakdown{font-size:.82rem;color:#cbd5e1!important;margin-top:6px;line-height:1.5}.sim-calculated-total-tag{margin-top:10px;font-weight:800;color:#34d399!important;font-size:.82rem;background:#10b9812e!important;padding:6px 12px;border-radius:8px;display:inline-block;border:1px solid rgba(52,211,153,.35)!important}.sim-select-tag{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)!important;font-size:.86rem;font-weight:800;color:#38bdf8!important;display:flex;align-items:center;gap:6px}.sim-select-tag.active-selected{color:#34d399!important}.showcase-cta-section{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:38px 28px!important;background:linear-gradient(135deg,#0f172af2,#1e293bf2)!important;border:1.5px solid rgba(99,102,241,.4)!important;border-top:4px solid #6366f1!important;border-radius:28px!important;box-shadow:0 20px 55px #00000080!important;margin-top:24px!important;margin-bottom:40px!important}.single-book-cta-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:520px!important;padding:18px 36px!important;border-radius:18px!important;font-family:Geist,Inter,sans-serif!important;font-size:1.15rem!important;font-weight:900!important;letter-spacing:-.01em!important;cursor:pointer!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important;text-align:center!important}.single-book-cta-btn:hover{transform:translateY(-3px) scale(1.02)!important;filter:brightness(1.1)!important}.single-book-cta-btn:active{transform:translateY(-1px) scale(.99)!important}.cta-trust-footnote{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;font-size:.9rem!important;font-weight:700!important;color:#38bdf8!important;letter-spacing:.02em!important}.slotify-welcome-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:radial-gradient(circle at 50% 35%,#0f172a,#080d1a)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:16px!important;overflow:hidden!important;font-family:Geist,Inter,system-ui,-apple-system,sans-serif!important;box-sizing:border-box!important}.slotify-welcome-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:540px;width:100%;padding:44px 36px;box-sizing:border-box;background:#0f172ad9;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1.5px solid rgba(99,102,241,.35);border-radius:32px;box-shadow:0 30px 80px #000000a6,0 0 50px #6366f140;position:relative}.slotify-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.slotify-icon-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:#6366f159;filter:blur(20px);pointer-events:none}.slotify-icon-ripple{position:absolute;width:105px;height:105px;border-radius:50%;border:1.5px solid rgba(129,140,248,.5);pointer-events:none}.slotify-icon-circle{position:relative;width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #6366f166;border:2px solid #818cf8}.slotify-icon-svg{width:46px;height:46px;color:#fff}.slotify-welcome-subtitle{font-size:28px;font-weight:700;color:#94a3b8;margin:0 0 6px;letter-spacing:-.5px;line-height:1.2}.slotify-welcome-title{font-size:clamp(38px,6vw,56px);font-weight:900;background:linear-gradient(135deg,#fff 30%,#818cf8 70%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 20px;letter-spacing:-1.5px;line-height:1.1;position:relative;display:inline-block;text-shadow:0 10px 30px rgba(99,102,241,.3)}.slotify-shimmer-bar{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);transform:skew(-20deg)}.slotify-divider-wrapper{display:flex;align-items:center;justify-content:center;width:220px;margin:8px 0 24px}.slotify-divider-line{flex:1;height:1.5px;background:linear-gradient(90deg,transparent,#6366f1,transparent);border-radius:2px}.slotify-divider-dot{width:8px;height:8px;border-radius:50%;background-color:#38bdf8;margin:0 10px;box-shadow:0 0 10px #38bdf8}.slotify-welcome-footer-text{font-size:16px;font-weight:500;color:#cbd5e1;margin:0 0 28px;line-height:1.4}.slotify-continue-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:15px 36px;border-radius:16px;font-size:16px;font-weight:800;border:1px solid #818cf8;cursor:pointer;box-shadow:0 8px 30px #6366f173;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.slotify-continue-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px) scale(1.02);box-shadow:0 12px 35px #6366f1a6}.slotify-continue-btn:active{transform:translateY(0)}.slotify-keyboard-hint{font-size:12px;color:#94a3b8;margin-top:18px}.slotify-kbd{background:#f1f5f9;border:1px solid #CBD5E1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;color:#475569}@media (max-width: 640px){.slotify-welcome-backdrop{height:100dvh!important;padding:24px 16px!important}.slotify-welcome-card{padding:20px 16px!important}.slotify-welcome-subtitle{font-size:24px!important;margin-bottom:4px!important}.slotify-welcome-title{font-size:clamp(32px,9vw,42px)!important;margin-bottom:16px!important}.slotify-welcome-footer-text{font-size:15px!important;margin-bottom:24px!important;padding:0 8px!important}.slotify-icon-circle{width:84px!important;height:84px!important}.slotify-icon-svg{width:38px!important;height:38px!important}.slotify-divider-wrapper{width:180px!important;margin-bottom:20px!important}.slotify-continue-btn{width:100%!important;max-width:280px!important;justify-content:center!important;padding:14px 24px!important}}.wardens-page{position:relative;z-index:2;padding-bottom:24px}.wardens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.warden-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.warden-card:hover{transform:translateY(-3px);box-shadow:0 0 30px #6366f11f,0 12px 40px #0006;border-color:#6366f140}.warden-card-accent{height:2px;width:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--primary-500),transparent)}.warden-card-body{display:flex;align-items:flex-start;gap:16px;padding:20px;flex-wrap:wrap}.warden-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0ea5e91f,#6366f11f);border:1.5px solid rgba(14,165,233,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:var(--accent-cyan);flex-shrink:0;box-shadow:0 0 20px #0ea5e91a}.warden-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.warden-name{font-weight:700;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.warden-detail{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warden-role{color:var(--accent-cyan);font-weight:600;font-size:.75rem}.wardens-modal{max-width:560px;background:var(--modal-bg);border:1px solid rgba(99,102,241,.1)}.wardens-modal-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.wardens-modal-header h2{margin-bottom:4px}.wardens-modal-header p{font-size:.82rem;color:var(--text-secondary)}.wardens-modal-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0ea5e926,#6366f11a);border:1px solid rgba(14,165,233,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-cyan);flex-shrink:0}.paywall-container{position:relative;overflow:hidden;padding-bottom:40px}.paywall-orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:paywall-drift 15s ease-in-out infinite alternate}.paywall-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 70%);top:-100px;right:-100px;animation-duration:18s}.paywall-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.07) 0%,transparent 70%);bottom:100px;left:-80px;animation-duration:22s;animation-direction:alternate-reverse}.paywall-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(244,63,94,.04) 0%,transparent 70%);top:60%;right:20%;animation-duration:25s}@keyframes paywall-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.paywall-lock-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#0ea5e90f,#6366f10a);border:1px solid rgba(14,165,233,.12);border-radius:20px;padding:24px 28px;margin-bottom:32px;position:relative;z-index:1}.paywall-lock-icon{font-size:2.5rem;flex-shrink:0}.paywall-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px}.paywall-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.paywall-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:40px;position:relative;z-index:1}.paywall-feature-card{display:flex;align-items:flex-start;gap:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:14px 16px;transition:all .25s ease}.paywall-feature-card:hover{border-color:#6366f133;background:#6366f108}.paywall-feature-icon{font-size:1.4rem;flex-shrink:0}.paywall-feature-title{font-weight:700;font-size:.85rem;color:var(--text-primary);margin-bottom:3px}.paywall-feature-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.paywall-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px;position:relative;z-index:1}.paywall-plan-card{border:1.5px solid;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:0;position:relative;transition:all .3s ease}.paywall-plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.paywall-plan-recommended{box-shadow:0 0 40px #6366f11f}.paywall-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);color:#000;font-size:.7rem;font-weight:800;padding:4px 14px;border-radius:99px;display:flex;align-items:center;gap:4px;white-space:nowrap}.paywall-plan-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.paywall-plan-icon{font-size:2rem}.paywall-plan-name{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.paywall-plan-price{font-size:1.5rem;font-weight:900;color:var(--text-primary)}.paywall-plan-period{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-left:3px}.paywall-plan-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.paywall-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;flex:1}.paywall-plan-features li{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary)}.paywall-feature-locked{opacity:.4}.paywall-demo-note{display:flex;align-items:center;gap:12px;background:#ffb3000f;border:1px solid rgba(255,179,0,.15);border-radius:14px;padding:16px 20px;font-size:.85rem;color:var(--text-secondary);position:relative;z-index:1}@media (max-width: 768px){.paywall-lock-banner{flex-direction:column;align-items:flex-start;gap:12px}.paywall-title{font-size:1.25rem}.paywall-plans{grid-template-columns:1fr}.paywall-highlights{grid-template-columns:1fr 1fr}.wardens-grid{grid-template-columns:1fr}.warden-card-body{flex-direction:column}}@media (max-width: 480px){.paywall-highlights{grid-template-columns:1fr}.paywall-plan-card{padding:20px 16px}}.property-studio-page{padding:32px 24px 80px;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:32px}.studio-title-group h1{font-size:1.8rem;font-weight:900;color:var(--text-primary);margin:0 0 6px;display:flex;align-items:center;gap:10px}.studio-title-group p{color:var(--text-secondary);font-size:.9rem;margin:0}.studio-actions{display:flex;align-items:center;gap:12px}.studio-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);margin-bottom:28px;overflow-x:auto}.studio-tab-btn{padding:12px 20px;border:none;background:transparent;color:var(--text-secondary);font-weight:700;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-tab-btn:hover{color:var(--text-primary)}.studio-tab-btn.active{color:var(--primary-400);border-bottom-color:var(--primary-500)}.upload-card{background:var(--bg-secondary);border:1px dashed var(--primary-500);border-radius:20px;padding:28px;margin-bottom:32px;transition:all .2s}.upload-card:hover{border-color:var(--primary-400);background:#0ea5e908}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.upload-grid{grid-template-columns:1fr}}.dropzone-box{border:2px dashed rgba(255,255,255,.15);border-radius:14px;padding:32px 20px;text-align:center;cursor:pointer;background:#0003;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.dropzone-box:hover{border-color:var(--primary-400);background:#0ea5e90d}.photo-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.photo-filter-chip{padding:6px 14px;border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.photo-filter-chip.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.owner-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.owner-photo-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;position:relative;transition:all .25s ease}.owner-photo-card:hover{border-color:#0ea5e94d;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.owner-photo-card .photo-img{width:100%;height:180px;object-fit:cover}.owner-photo-card .cover-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:.68rem;font-weight:900;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px #0006}.owner-photo-card .category-tag{position:absolute;top:10px;right:10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:8px}.owner-photo-card .photo-body{padding:14px}.owner-photo-card .photo-caption{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-photo-card .photo-actions{display:flex;gap:8px;justify-content:space-between}.details-form-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:32px}.chip-input-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-height:48px}.chip-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#0ea5e926;border:1px solid rgba(14,165,233,.3);color:#38bdf8;font-size:.8rem;font-weight:700}.chip-tag button{background:none;border:none;color:#38bdf8;cursor:pointer;padding:0;font-size:.9rem;display:flex;align-items:center}.owner-reviews-list{display:flex;flex-direction:column;gap:16px}.owner-review-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .2s}.owner-review-card.approved{border-left:4px solid #22c55e}.owner-review-card.pending{border-left:4px solid #f59e0b}.toggle-switch-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:48px;height:26px;background:#ffffff26;border-radius:100px;transition:background .3s ease}.toggle-switch.on{background:#22c55e}.toggle-switch .toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(22px)}@media (max-width: 640px){.property-studio-page{padding:16px 12px 60px!important}.studio-header{flex-direction:column!important;gap:12px!important;margin-bottom:20px!important}.studio-title-group h1{font-size:1.35rem!important}.studio-actions{width:100%!important;flex-direction:column!important}.studio-actions button{width:100%!important}.studio-tabs{gap:4px!important;margin-bottom:20px!important}.studio-tab-btn{padding:10px 14px!important;font-size:.8rem!important;white-space:nowrap!important}}
