@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";: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: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #131c38;--bg-card: rgba(30, 41, 59, .85);--bg-card-hover: rgba(51, 65, 85, .85);--bg-glass: rgba(30, 41, 59, .85);--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;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .6);--shadow-glass: 0 12px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(59, 130, 246, .2);--card-glow: 0 0 0 1px rgba(255, 255, 255, .1);--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--premium-glow: 0 0 30px rgba(59, 130, 246, .2);--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: 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);--canvas-opacity: .8}:root,[data-theme=dark],[data-theme=light],html,body{color-scheme:dark;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #131c38;--bg-card: rgba(30, 41, 59, .85);--bg-card-hover: rgba(51, 65, 85, .85);--bg-glass: rgba(30, 41, 59, .85);--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, .85);--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);--canvas-opacity: .8}[data-theme=light] .stat-card-glow,html.light .stat-card-glow,body.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}@media (min-width: 1025px){.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-y:auto;padding-bottom:40px}}@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:68px 12px 20px!important;padding-bottom:calc(20px + 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)}.w-full{width:100%}.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;gap:10px!important}.db-bento{grid-template-columns:1fr!important;grid-template-rows:auto!important;overflow-y:visible;padding-right:0}.db-shell{overflow-y:auto;overflow-x:hidden}.glass-card.db-card{grid-column:span 1!important;grid-row:span 1!important;height:auto!important;min-height:300px}}@media (max-width: 640px){.db-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.db-stat-card{padding:10px 12px;border-radius:14px}.db-stat-icon{width:34px;height:34px;font-size:1rem;border-radius:10px}.db-stat-value{font-size:1.1rem}.db-stat-label{font-size:.65rem}.db-mini-stat{padding:6px 8px}.db-activity-row{font-size:.68rem;padding:6px 8px}.hide-mobile{display:none!important}}@media (max-width: 360px){.db-stats-row{grid-template-columns:1fr!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-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}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}}@media (min-width: 1025px){.app-layout{display:flex;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}}@media (max-width: 1024px){.app-layout{display:block!important;width:100%!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;position:relative!important}}.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}}.showcase-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172af2;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.showcase-lightbox img{max-width:90%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md, 12px);box-shadow:0 25px 50px -12px #00000080;animation:lightboxZoomIn .3s cubic-bezier(.16,1,.3,1) forwards}.lightbox-close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:100000;transition:all .2s ease}.lightbox-close:hover{background:#fff3;transform:scale(1.05)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:100000;transition:all .2s ease}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.lightbox-nav{width:40px;height:40px;font-size:20px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.showcase-lightbox img{max-width:95%}}body.hide-admin-sidebar .sidebar,body.hide-admin-sidebar .mobile-header,body.hide-admin-sidebar .owner-bottom-nav{display:none!important}body.hide-admin-sidebar .main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px!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:var(--bg-glass)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;z-index:1100;padding:0 12px;align-items:center;justify-content:space-between;gap:8px;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:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!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;flex-shrink:0!important}.menu-btn:hover,.profile-toggle-btn:hover{background:#6366f114!important;border-color:var(--primary-400)!important}.menu-btn:active,.profile-toggle-btn:active{transform:scale(.88)!important}.mobile-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary);font-weight:800;font-size:1.05rem;letter-spacing:-.03em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:72px 16px 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:62px;padding:6px 4px;justify-content:flex-start}@media (max-width: 640px){.calendar-day-card.large{min-height:46px;padding:3px 2px}}.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}.calendar-day-card.resort-green{background:#22c55e14;border:1px solid rgba(34,197,94,.35);color:#4ade80}.calendar-day-card.resort-green:hover{transform:translateY(-2px);background:#22c55e2e;border-color:#22c55e;box-shadow:0 4px 14px #22c55e33}.calendar-day-card.resort-yellow{background:#eab3081f;border:1px solid rgba(234,179,8,.4);color:#facc15}.calendar-day-card.resort-yellow:hover{transform:translateY(-2px);background:#eab30838;border-color:#eab308;box-shadow:0 4px 14px #eab30840}.calendar-day-card.resort-red{background:#ef444424;border:1px solid rgba(239,68,68,.45);color:#f87171}.calendar-day-card.resort-red:hover{transform:translateY(-2px);background:#ef444440;border-color:#ef4444;box-shadow:0 4px 14px #ef444440}@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}}html,body,*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body),"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"!important}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.35) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f159;border-radius:9999px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#6366f199}.app-layout,.app-container,.main-content,.db-bento,.dashboard-container,.glass-card,.db-card,.db-stats-row,.db-stat-card,.flex-1,.grid-cell{min-width:0!important;min-height:0!important}.glass-card,.db-card,.lp-nav,.mobile-header,.sidebar,.modal-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass-card,.db-card,.lp-nav,.sidebar,.modal-card{background-color:var(--bg-card)!important;opacity:.98!important}}input,select,textarea,button{font-family:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset!important;transition:background-color 5000s ease-in-out 0s!important}:focus-visible{outline:2px solid var(--accent-cyan)!important;outline-offset:2px!important}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none!important}::-moz-focus-inner{border:0}button,a,select,input[type=checkbox],input[type=radio]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@supports (-webkit-touch-callout: none){html,body,.app-layout,.app-container,.main-content,.auth-page{min-height:-webkit-fill-available}}.sidebar,.db-bento,.calendar-container-large{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (min-width: 1025px){.app-layout{display:flex!important;flex-direction:row!important;width:100%!important;min-height:100vh!important;position:relative!important}.main-content{display:block!important;flex:1 1 auto!important;width:calc(100% - (var(--sidebar-width) + (var(--sidebar-margin) * 2)))!important;min-width:0!important;box-sizing:border-box!important}}@media (max-width: 1024px){.app-layout{display:block!important;width:100%!important;max-width:100vw!important;min-height:100vh!important;position:relative!important;overflow-x:hidden!important}.main-content{display:block!important;width:100%!important;max-width:100vw!important;margin-left:0!important;padding:68px 12px 20px!important;box-sizing:border-box!important}}.mobile-header,.lp-nav{position:-webkit-sticky;position:sticky}svg,img,canvas{shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (padding: max(0px)){body,.app-layout,.mobile-header,.lp-nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width: 640px){.modal-dialog,.modal-card,.kyc-modal-card{width:94vw!important;max-width:520px!important;margin:12px auto!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;border-radius:16px!important}.modal-body{max-height:65vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:16px!important}.modal-footer{flex-direction:column!important;gap:10px!important;padding:12px 16px!important}.modal-footer button{width:100%!important;min-height:48px!important}.table-responsive,.table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important}}.db-property-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.db-property-tabs::-webkit-scrollbar{display:none}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: clamp(1.125rem, 1.02rem + .5vw, 1.375rem);--fs-2xl: clamp(1.375rem, 1.2rem + .9vw, 1.875rem);--fs-3xl: clamp(1.75rem, 1.35rem + 1.9vw, 2.75rem);--fs-display: clamp(2rem, 1.4rem + 3vw, 3.5rem);--container-max: 1280px;--container-wide: 1440px;--container-narrow: 720px;--bottom-nav-h: 64px;--mobile-header-h: 60px;--ds-shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--ds-shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .06), 0 1px 2px 0 rgba(15, 23, 42, .04);--ds-shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08);--ds-shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, .12);--ds-shadow-hover: 0 16px 32px -6px rgba(15, 23, 42, .16);--cat-pg: #3b82f6;--cat-pg-bg: rgba(59, 130, 246, .12);--cat-hotel: #8b5cf6;--cat-hotel-bg: rgba(139, 92, 246, .12);--cat-resort: #14b8a6;--cat-resort-bg: rgba(20, 184, 166, .12);--cat-farmhouse: #10b981;--cat-farmhouse-bg: rgba(16, 185, 129, .12);--cat-hall: #f43f5e;--cat-hall-bg: rgba(244, 63, 94, .12)}:root,[data-theme=dark],[data-theme=light],html,body{color-scheme:dark;--bg-primary: #0a0f1d;--bg-secondary: #0f172a;--bg-tertiary: #131c38;--bg-card: #111a36;--bg-card-hover: #162244;--bg-surface: #111a36;--bg-elevated: #162244;--bg-glass: rgba(17, 26, 54, .88);--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .14);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--placeholder-color: #475569;--primary-400: #60a5fa;--primary-500: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--input-bg: rgba(11, 16, 32, .7);--input-border: rgba(255, 255, 255, .12);--sidebar-bg: #0b1329;--sidebar-text: #f8fafc;--sidebar-text-muted: #94a3b8;--sidebar-active: #2563eb;--sidebar-border: rgba(255, 255, 255, .08);--modal-bg: #111a36;--ds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .35);--ds-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--ds-shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .55);--ds-shadow-hover: 0 16px 32px -6px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}img,video,canvas,svg{max-width:100%;height:auto}img{vertical-align:middle}html,body,#root{max-width:100%}:focus-visible{outline:2px solid var(--primary-500, #2563eb);outline-offset:2px;border-radius:var(--radius-sm, 8px)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-48px;z-index:10000;background:var(--primary-500, #2563eb);color:#fff;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:600;transition:top var(--transition-fast, .15s) ease}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (pointer: coarse){button,a[role=button],.btn,.ds-btn,input[type=checkbox],input[type=radio]{min-height:40px}}.ds-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.ds-container--wide{max-width:var(--container-wide)}.ds-container--narrow{max-width:var(--container-narrow)}.ds-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.ds-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.ds-grid{display:grid;gap:var(--sp-4)}.ds-grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.ds-grid--stats{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.ds-btn{--_bg: var(--primary-500, #2563eb);--_fg: #ffffff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);line-height:1;padding:11px 18px;border-radius:var(--radius-button, 12px);border:1px solid transparent;background:var(--_bg);color:var(--_fg);cursor:pointer;transition:transform var(--transition-fast, .15s) ease,box-shadow var(--transition-fast, .15s) ease,background var(--transition-fast, .15s) ease,filter var(--transition-fast, .15s) ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.ds-btn:hover{filter:brightness(1.05);box-shadow:var(--ds-shadow-md)}.ds-btn:active{transform:translateY(1px)}.ds-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none}.ds-btn--secondary{--_bg: var(--bg-card, #fff);--_fg: var(--text-primary, #0f172a);border-color:var(--border-color, #e2e8f0)}.ds-btn--outline{--_bg: transparent;--_fg: var(--primary-500, #2563eb);border-color:var(--primary-500, #2563eb)}.ds-btn--ghost{--_bg: transparent;--_fg: var(--text-secondary, #475569)}.ds-btn--ghost:hover{background:var(--bg-secondary, #f1f5f9);filter:none;box-shadow:none}.ds-btn--danger{--_bg: var(--danger, #dc2626);--_fg: #fff}.ds-btn--success{--_bg: var(--success, #16a34a);--_fg: #fff}.ds-btn--sm{padding:8px 14px;font-size:var(--fs-xs)}.ds-btn--lg{padding:14px 24px;font-size:var(--fs-base)}.ds-btn--block{width:100%}.ds-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-card, 20px);box-shadow:var(--ds-shadow-sm);padding:var(--sp-5)}.ds-card--interactive{transition:box-shadow var(--transition-base, .25s) ease,transform var(--transition-base, .25s) ease}.ds-card--interactive:hover{box-shadow:var(--ds-shadow-hover);transform:translateY(-2px)}.ds-field{display:flex;flex-direction:column;gap:6px}.ds-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary, #475569)}.ds-label .req{color:var(--danger, #dc2626);margin-left:2px}.ds-input,.ds-select,.ds-textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary, #0f172a);background:var(--input-bg, #fff);border:1px solid var(--input-border, #cbd5e1);border-radius:var(--radius-md, 12px);padding:11px 14px;transition:border-color var(--transition-fast, .15s) ease,box-shadow var(--transition-fast, .15s) ease}.ds-textarea{min-height:96px;resize:vertical}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{outline:none;border-color:var(--primary-500, #2563eb);box-shadow:0 0 0 3px #2563eb26}.ds-help{font-size:var(--fs-xs);color:var(--text-muted, #94a3b8)}.ds-error{font-size:var(--fs-xs);color:var(--danger, #dc2626);font-weight:600}.ds-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-full, 9999px);background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #475569);line-height:1.2}.ds-badge--success{background:var(--success-bg, #dcfce7);color:var(--success-text, #15803d)}.ds-badge--warning{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #b45309)}.ds-badge--danger{background:var(--danger-bg, #fee2e2);color:var(--danger-text, #b91c1c)}.ds-badge--info{background:var(--info-bg, #eff6ff);color:var(--info-text, #1d4ed8)}.ds-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;padding:8px 14px;border-radius:var(--radius-full, 9999px);background:var(--bg-card, #fff);color:var(--text-secondary, #475569);border:1px solid var(--border-color, #e2e8f0);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast, .15s) ease}.ds-chip:hover{border-color:var(--primary-400, #60a5fa);color:var(--text-primary)}.ds-chip.active,.ds-chip[aria-pressed=true]{background:var(--primary-500, #2563eb);color:#fff;border-color:var(--primary-500, #2563eb)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.ds-table th,.ds-table td{padding:12px 14px;text-align:left}.ds-table thead th{color:var(--text-muted, #94a3b8);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color, #e2e8f0)}.ds-table tbody tr{border-bottom:1px solid var(--border-color, #e2e8f0)}@media (max-width: 640px){.ds-table--stack thead{display:none}.ds-table--stack,.ds-table--stack tbody,.ds-table--stack tr,.ds-table--stack td{display:block;width:100%}.ds-table--stack tr{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 12px);box-shadow:var(--ds-shadow-xs);margin-bottom:12px;padding:6px 4px}.ds-table--stack td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;text-align:right;border:none}.ds-table--stack td:before{content:attr(data-label);font-weight:700;color:var(--text-muted, #94a3b8);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;text-align:left}}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;animation:ds-fade-in var(--transition-base, .25s) ease}.ds-modal{width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--modal-bg, #fff);border-radius:var(--radius-xl, 24px);box-shadow:var(--ds-shadow-lg);border:1px solid var(--border-color, #e2e8f0)}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ds-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:var(--modal-bg, #fff);border-radius:20px 20px 0 0;box-shadow:0 -12px 32px -8px #0f172a40;border-top:1px solid var(--border-color, #e2e8f0);max-height:85dvh;overflow-y:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));animation:ds-slide-up var(--transition-base, .25s) ease}.ds-sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border-color, #cbd5e1);margin:8px auto 12px}@media (max-width: 1024px){.app-layout .main-content{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 16px)!important}}.owner-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:900;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-card, #fff);border-top:1px solid var(--border-color, #e2e8f0);box-shadow:0 -4px 16px -6px #0f172a1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.owner-bottom-nav-inner{display:grid;grid-template-columns:repeat(5,1fr);height:var(--bottom-nav-h);width:100%;max-width:720px;margin:0 auto}.owner-bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--text-muted, #94a3b8);font-size:.68rem;font-weight:600;font-family:var(--font-body);position:relative;padding:6px 2px;min-height:48px;transition:color var(--transition-fast, .15s) ease,transform var(--transition-fast, .15s) ease}.owner-bottom-tab:active{transform:scale(.95)}.owner-bottom-tab svg{width:22px;height:22px}.owner-bottom-tab.active{color:var(--primary-500, #2563eb);font-weight:700}.owner-bottom-tab .obn-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger, #dc2626);color:#fff;font-size:.6rem;font-weight:700;line-height:16px;text-align:center}@media (max-width: 1024px){.owner-bottom-nav{display:block}}@media (min-width: 1025px){.app-layout .sidebar{box-shadow:var(--ds-shadow-sm)}}@media (min-width: 1600px){.app-layout .main-content{max-width:1540px;margin-inline:auto;width:100%}}@media (max-width: 1024px){.app-layout .mobile-header{height:var(--mobile-header-h);padding-top:env(safe-area-inset-top)}}.ds-only-mobile{display:none}@media (max-width: 768px){.ds-hide-mobile{display:none!important}.ds-only-mobile{display:initial}}.ds-text-display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:800;line-height:1.05;letter-spacing:-.02em}.ds-text-h1{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;line-height:1.1;letter-spacing:-.015em}.ds-text-h2{font-size:var(--fs-2xl);font-weight:700;line-height:1.2}.ds-text-h3{font-size:var(--fs-xl);font-weight:700;line-height:1.3}.ds-text-muted{color:var(--text-muted, #94a3b8)}.ds-step-progress{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:0 auto 20px;padding:12px 18px;background:var(--ds-surface-secondary, rgba(15, 23, 42, .6));border:1px solid var(--ds-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--ds-radius-lg, 16px);box-shadow:var(--ds-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.ds-step-item{display:flex;align-items:center;gap:8px;opacity:.55;transition:all .3s ease;-webkit-user-select:none;user-select:none}.ds-step-item.active{opacity:1}.ds-step-item.completed{opacity:.95}.ds-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;background:var(--ds-surface-tertiary, rgba(255, 255, 255, .08));color:var(--ds-text-secondary, #94a3b8);border:1.5px solid var(--ds-border-default, rgba(255, 255, 255, .15));transition:all .3s ease;flex-shrink:0}.ds-step-item.active .ds-step-circle{background:var(--primary-500, #2563eb);color:#fff;border-color:#60a5fa;box-shadow:0 0 12px #2563eb66}.ds-step-item.completed .ds-step-circle{background:#10b981;color:#fff;border-color:#34d399}.ds-step-title{font-size:.8rem;font-weight:700;color:var(--text-primary, #f8fafc);white-space:nowrap}.ds-step-line{flex:1;height:2px;margin:0 12px;background:var(--border-color, rgba(255, 255, 255, .08));border-radius:2px;transition:all .3s ease}.ds-step-line.completed{background:linear-gradient(90deg,#10b981,#2563eb)}@media (max-width: 540px){.ds-step-progress{padding:8px 12px;margin-bottom:14px;border-radius:12px}.ds-step-title{display:none}.ds-step-line{margin:0 6px}.ds-step-circle{width:24px;height:24px;font-size:.68rem}}.sn-hero{position:relative;padding-block:clamp(40px,6vw,88px) clamp(28px,4vw,56px);background:radial-gradient(1200px 420px at 50% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(760px 320px at 85% 0%,rgba(124,58,237,.07),transparent 55%);overflow:clip}[data-theme=dark] .sn-hero{background:radial-gradient(1200px 420px at 50% -10%,rgba(59,130,246,.16),transparent 60%),radial-gradient(760px 320px at 85% 0%,rgba(139,92,246,.12),transparent 55%)}.sn-hero-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;padding:7px 16px;border-radius:999px;color:var(--primary-700, #1e40af);background:#2563eb14;border:1px solid rgba(37,99,235,.18)}[data-theme=dark] .sn-hero-tag{color:#bfdbfe;background:#3b82f624;border-color:#3b82f647}.sn-hero-heading{font-family:var(--font-display);font-size:clamp(1.9rem,1.3rem + 3vw,3.4rem);line-height:1.06;letter-spacing:-.022em;font-weight:800;margin-top:18px}.sn-hero-sub{font-size:clamp(.98rem,.92rem + .4vw,1.18rem);color:var(--text-secondary, #475569);max-width:620px;margin-inline:auto;margin-top:10px}.sn-search-wrapper{margin-top:clamp(28px,3.6vw,42px)}.sn-search-bar{background:var(--bg-card);box-shadow:var(--ds-shadow-lg, 0 12px 24px -4px rgba(15,23,42,.12));border:1px solid var(--border-color, #e2e8f0);border-radius:18px;transition:box-shadow var(--transition-base, .25s) ease,transform var(--transition-base, .25s) ease}.sn-search-bar:focus-within{border-color:var(--primary-500, #2563eb);box-shadow:0 20px 40px -8px #2563eb47;transform:translateY(-1px)}.sn-search-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px -4px #2563eb80}.sn-categories-grid{display:grid;gap:clamp(12px,1.5vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.sn-category-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);box-shadow:var(--ds-shadow-sm);padding:clamp(16px,2vw,22px);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition-base, .25s) ease,box-shadow var(--transition-base, .25s) ease,border-color var(--transition-base, .25s) ease}.sn-category-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--_cat, var(--primary-500, #2563eb));opacity:0;transition:opacity var(--transition-base, .25s) ease}.sn-category-card:hover,.sn-category-card:focus-visible{transform:translateY(-4px);box-shadow:var(--ds-shadow-hover);border-color:color-mix(in srgb,var(--_cat, #2563eb) 45%,var(--border-color))}.sn-category-card:hover:before,.sn-category-card.active:before{opacity:1}.sn-category-card.active{border-color:var(--_cat, var(--primary-500, #2563eb));box-shadow:0 10px 24px -8px color-mix(in srgb,var(--_cat, #2563eb) 40%,transparent)}.sn-categories-grid .sn-category-card .sn-category-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:var(--_cat, var(--primary-600, #1d4ed8));background:color-mix(in srgb,var(--_cat, #2563eb) 14%,transparent);transition:transform var(--transition-base, .25s) ease}.sn-categories-grid .sn-category-card:hover .sn-category-icon{transform:scale(1.08)}.sn-categories-grid .sn-category-card .sn-category-icon svg{color:var(--_cat, var(--primary-600, #1d4ed8))}.sn-categories-grid .sn-category-card:nth-child(1){--_cat: #3b82f6}.sn-categories-grid .sn-category-card:nth-child(2){--_cat: #8b5cf6}.sn-categories-grid .sn-category-card:nth-child(3){--_cat: #14b8a6}.sn-categories-grid .sn-category-card:nth-child(4){--_cat: #10b981}.sn-categories-grid .sn-category-card:nth-child(5){--_cat: #f43f5e}.sn-category-name{font-weight:700;font-size:1rem;margin-top:12px;color:var(--text-primary);line-height:1.25}.sn-category-desc{font-size:.82rem;color:var(--text-muted, #94a3b8);margin-top:4px}.sn-prop-card{border-radius:var(--radius-lg, 16px);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--ds-shadow-sm);transition:transform var(--transition-base, .25s) ease,box-shadow var(--transition-base, .25s) ease;overflow:hidden}.sn-prop-card:hover,.sn-prop-card:focus-visible{transform:translateY(-5px);box-shadow:var(--ds-shadow-hover)}.sn-prop-img-wrap{overflow:hidden}.sn-prop-img{transition:transform .45s cubic-bezier(.16,1,.3,1)}.sn-prop-card:hover .sn-prop-img{transform:scale(1.06)}.sn-prop-category-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172ab8;color:#fff;font-weight:600}.sn-prop-rating-pill{background:#fffffff2;color:#0f172a;font-weight:700}.sn-prop-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 12px -4px #2563eb80}.sn-property-grid{display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.sn-mobile-cat-strip{display:flex;flex-wrap:wrap;gap:7px;padding:4px 12px 12px}.sn-mobile-cat-pill{font-size:.76rem;font-weight:600;padding:7px 12px;min-height:38px;border-radius:9999px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.sn-mobile-cat-pill:hover,.sn-mobile-cat-pill:active{color:var(--text-primary);border-color:var(--primary-400, #60a5fa);background:var(--bg-card)}@media (max-width: 768px){.app-layout .main-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.db-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media (max-width: 420px){.db-stats-row{grid-template-columns:1fr!important}}.db-stat-card,.db-card,.db-mini-stat{min-width:0}.db-stat-value,.db-stat-label{min-width:0;overflow-wrap:anywhere}.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.sa-card{min-width:0}}@media (max-width: 640px){.page-header{flex-wrap:wrap;gap:10px}}.cust-sticky-booking-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}@media (max-width: 768px){.ds-table--stack thead,.table-responsive-stack table thead{display:none!important}.ds-table--stack,.ds-table--stack tbody,.ds-table--stack tr,.ds-table--stack td,.table-responsive-stack table,.table-responsive-stack table tbody,.table-responsive-stack table tr,.table-responsive-stack table td{display:block!important;width:100%!important}.ds-table--stack tr,.table-responsive-stack table tr{background:var(--bg-card, #fff)!important;border:1px solid var(--border-color, #e2e8f0)!important;border-radius:var(--radius-md, 14px)!important;box-shadow:var(--ds-shadow-xs)!important;margin-bottom:12px!important;padding:10px 14px!important}.ds-table--stack td,.table-responsive-stack table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid rgba(226,232,240,.5)!important;text-align:right!important}.ds-table--stack td:last-child,.table-responsive-stack table td:last-child{border-bottom:none!important;padding-top:12px!important;justify-content:flex-end!important}.ds-table--stack td[data-label]:before,.table-responsive-stack table td[data-label]:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.04em;text-align:left;margin-right:12px}}@media (max-width: 640px){.modal,.modal-dialog,.sa-modal,.dialog-box{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;margin:12px auto!important;border-radius:18px!important}}@media (max-width: 640px){.form-grid,.form-row,.input-grid-2,.input-grid-3,.grid-2,.grid-3{grid-template-columns:1fr!important;gap:12px!important}}.app-layout .main-content img,.app-layout .main-content video{max-width:100%;height:auto}.sa-filter-bar{display:grid;grid-template-columns:1fr auto auto;gap:12px;margin-bottom:20px}@media (max-width: 860px){.sa-filter-bar{grid-template-columns:1fr}.sa-filter-bar select{width:100%!important}}.sa-user-card{display:flex;align-items:center;gap:16px;border-radius:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);transition:all .2s ease;box-sizing:border-box}.sa-user-header{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.sa-user-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}.sa-user-details{flex:1;min-width:0}.sa-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}@media (max-width: 860px){.sa-user-card{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.sa-user-header{width:100%}.sa-user-actions{width:100%;justify-content:flex-start;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.sa-user-actions select{flex:1;min-width:130px}}.sa-property-card{border-radius:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease;box-sizing:border-box}.sa-property-inner{display:flex;align-items:center;gap:16px}.sa-property-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}@media (max-width: 860px){.sa-property-inner{flex-direction:column;align-items:stretch;gap:12px}.sa-property-actions{width:100%;justify-content:flex-start;padding-top:10px;border-top:1px solid var(--border-color)}.sa-property-actions select{flex:1;min-width:130px}}.tenant-card-header{padding:18px 22px;display:flex;align-items:center;gap:16px;cursor:pointer}.tenant-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 640px){.tenant-card-header{padding:14px 16px;flex-wrap:wrap;gap:12px}.tenant-card-actions{width:100%;justify-content:flex-start;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}}.app-layout .card,.app-layout .stat-card,.app-layout .db-stat-card,.app-layout .dashboard-card,.app-layout .analytics-card,.app-layout .table-card,.app-layout .content-card,.app-layout .chart-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:var(--ds-shadow-sm)!important;transition:border-color var(--transition-fast, .15s) ease,box-shadow var(--transition-fast, .15s) ease}.app-layout .card:hover,.app-layout .stat-card:hover{border-color:var(--border-strong, rgba(255, 255, 255, .14))!important}.app-layout .stat-value,.app-layout .db-stat-value{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.85rem)!important;font-weight:800!important;color:var(--text-primary)!important;letter-spacing:-.02em}.app-layout .stat-label,.app-layout .db-stat-label{font-size:.8rem!important;font-weight:600!important;color:var(--text-muted)!important;text-transform:uppercase;letter-spacing:.04em}.app-layout .btn-primary,.app-layout button.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border:1px solid var(--primary-600, #1d4ed8)!important;border-radius:var(--radius-button, 12px)!important;font-weight:600!important;box-shadow:0 4px 12px -2px #2563eb59!important;transition:all var(--transition-fast, .15s) ease!important}.app-layout .btn-primary:hover,.app-layout button.btn-primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px -2px #2563eb80!important;transform:translateY(-1px)}.app-layout .btn-secondary,.app-layout button.btn-secondary{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-button, 12px)!important;font-weight:600!important;transition:all var(--transition-fast, .15s) ease!important}.app-layout .btn-secondary:hover,.app-layout button.btn-secondary:hover{background:var(--bg-secondary)!important;border-color:var(--border-strong)!important}.app-layout input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-layout select,.app-layout textarea{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md, 12px)!important;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.app-layout input:focus,.app-layout select:focus,.app-layout textarea:focus{border-color:var(--primary-500, #2563eb)!important;box-shadow:0 0 0 3px #2563eb2e!important;outline:none}.app-layout table{width:100%;border-collapse:collapse}.app-layout table th{background:var(--bg-secondary)!important;color:var(--text-muted)!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px!important;border-bottom:1px solid var(--border-color)!important}.app-layout table td{padding:13px 16px!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-size:.88rem!important}.app-layout table tbody tr:hover{background:var(--bg-card-hover)!important}.cust-stay-hero,.cust-card,.cust-service-card,.cust-amenity-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg, 18px)!important;box-shadow:var(--ds-shadow-sm)!important}.slotify-logo-container{display:inline-flex;align-items:center;gap:10px;text-decoration:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.slotify-logo-img{display:block;object-fit:contain;object-position:center;flex-shrink:0;border:none;outline:none;background:transparent}.slotify-logo-text{font-family:Geist,Inter,system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:-.025em;color:currentColor;white-space:nowrap;line-height:1}.slotify-logo-container.variant-header{gap:12px;padding:4px 6px;border-radius:12px;transition:transform .2s ease}.slotify-logo-container.variant-header:hover{transform:scale(1.02)}.slotify-logo-container.variant-header .slotify-logo-img{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(99,102,241,.25))}.slotify-logo-container.variant-header .slotify-logo-text{font-size:1.45rem;font-weight:900;letter-spacing:-.035em;color:var(--text-primary, #0f172a)}.slotify-logo-container.variant-hero .slotify-logo-img{width:56px;height:56px;filter:drop-shadow(0 4px 14px rgba(99,102,241,.3))}.slotify-logo-container.variant-hero .slotify-logo-text{font-size:1.65rem;font-weight:900;letter-spacing:-.035em;color:var(--text-primary, #0f172a)}.slotify-logo-container.variant-auth .slotify-logo-img{width:48px;height:48px}.slotify-logo-container.variant-auth .slotify-logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}.slotify-logo-container.variant-sidebar .slotify-logo-img{width:40px;height:40px;transition:transform .3s ease}.slotify-logo-container.variant-sidebar:hover .slotify-logo-img{transform:scale(1.05)}.slotify-logo-container.variant-sidebar .slotify-logo-text{font-size:1.25rem}.slotify-logo-container.variant-mobile .slotify-logo-img{width:36px;height:36px}.slotify-logo-container.variant-mobile .slotify-logo-text{font-size:1.15rem}.slotify-logo-container.variant-footer .slotify-logo-img{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(99,102,241,.25))}.slotify-logo-container.variant-footer .slotify-logo-text{font-size:1.4rem;font-weight:900;letter-spacing:-.03em}.slotify-logo-container.variant-receipt .slotify-logo-img{width:36px;height:36px}.slotify-logo-container.variant-receipt .slotify-logo-text{font-size:1.2rem;color:#2563eb}@media (max-width: 768px){.slotify-logo-container.variant-header{gap:8px;padding:2px 0}.slotify-logo-container.variant-header .slotify-logo-img{width:36px;height:36px}.slotify-logo-container.variant-header .slotify-logo-text{font-size:1.18rem}}@media (max-width: 480px){.slotify-logo-container.variant-header .slotify-logo-img{width:34px;height:34px}.slotify-logo-container.variant-header .slotify-logo-text{font-size:1.12rem}}.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{width:38px;height:38px;object-fit:contain;object-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar-logo:hover .logo-img{transform:scale(1.05)}.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:#2563eb1f;border:1px solid rgba(37,99,235,.22);color:var(--sidebar-active, #2563eb);font-weight:700;box-shadow:0 2px 8px #2563eb1f}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary-500, #2563eb);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}}.slotify-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;max-width:520px;width:100%;margin:0 auto;border-radius:var(--radius-card, 20px);background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-md, 0 8px 24px rgba(15, 23, 42, .06));transition:var(--transition-base, .25s ease)}.slotify-state-card.compact{padding:24px 16px;max-width:420px;border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(15, 23, 42, .04))}.slotify-state-card.inline{box-shadow:none;background:transparent;border:none;padding:20px 12px}.slotify-state-card.full-screen{min-height:60vh;border:none;background:transparent;box-shadow:none;max-width:600px}.slotify-state-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform var(--transition-base)}.slotify-state-card:hover .slotify-state-icon-wrap{transform:scale(1.05)}.slotify-state-card.compact .slotify-state-icon-wrap{width:48px;height:48px;margin-bottom:14px}.icon-neutral{background:var(--bg-tertiary, rgba(148, 163, 184, .12));color:var(--text-secondary, #475569);border:1px solid var(--border-color, #cbd5e1)}.icon-error{background:#ef44441f;color:var(--danger, #dc2626);border:1px solid rgba(239,68,68,.25)}.icon-warning{background:#f59e0b1f;color:var(--warning, #f59e0b);border:1px solid rgba(245,158,11,.25)}.icon-success{background:#10b9811f;color:var(--success, #10b981);border:1px solid rgba(16,185,129,.25)}.icon-info{background:#2563eb1f;color:var(--primary-500, #2563eb);border:1px solid rgba(37,99,235,.25)}.slotify-state-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.slotify-state-title{font-family:var(--font-display, inherit);font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 8px;line-height:1.3}.slotify-state-card.compact .slotify-state-title{font-size:1.05rem}.slotify-state-desc{font-size:.9rem;color:var(--text-secondary, #475569);line-height:1.55;margin:0 0 24px;max-width:440px}.slotify-state-card.compact .slotify-state-desc{font-size:.82rem;margin-bottom:16px}.slotify-state-code{display:inline-block;font-family:var(--font-mono, monospace);font-size:.72rem;background:var(--bg-tertiary, #f1f5f9);color:var(--text-muted, #94a3b8);padding:2px 8px;border-radius:6px;margin-top:8px;border:1px solid var(--border-color, #e2e8f0)}.slotify-state-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%}.slotify-state-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-button, 12px);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast, .15s ease);text-decoration:none;border:1px solid transparent}.slotify-state-btn-primary{background:var(--primary-600, #1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb40}.slotify-state-btn-primary:hover{background:var(--primary-700, #1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.slotify-state-btn-secondary{background:#ffffff14;color:#fff!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #00000026}.slotify-state-btn-secondary:hover{background:#ffffff29;color:#fff!important;border-color:#ffffff4d;transform:translateY(-1px)}[data-theme=light] .slotify-state-btn-secondary{background:#f1f5f9;color:#0f172a!important;border-color:#cbd5e1}[data-theme=light] .slotify-state-btn-secondary:hover{background:#e2e8f0;color:#0f172a!important}@keyframes slotify-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.slotify-skeleton{background:linear-gradient(90deg,var(--bg-tertiary, #f1f5f9) 25%,var(--border-color, #e2e8f0) 37%,var(--bg-tertiary, #f1f5f9) 63%);background-size:200% 100%;animation:slotify-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm, 8px)}[data-theme=dark] .slotify-skeleton{background:linear-gradient(90deg,#1e293bcc 25%,#334155e6 37%,#1e293bcc 63%);background-size:200% 100%}.slotify-skeleton-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-card, 20px);padding:20px;display:flex;flex-direction:column;gap:14px}.slotify-skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e2e8f0);align-items:center}.slotify-network-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--radius-full, 9999px);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-xl, 0 20px 40px rgba(0, 0, 0, .2));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1);max-width:90vw}.slotify-network-banner.offline{background:#dc2626f2;color:#fff;border:1px solid rgba(254,202,202,.3)}.slotify-network-banner.online{background:#10b981f2;color:#fff;border:1px solid rgba(167,243,208,.3)}.slotify-network-banner.slow{background:#f59e0bf2;color:#fff;border:1px solid rgba(253,230,138,.3)}.slotify-field-error{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.78rem;font-weight:600;color:var(--danger, #dc2626)}.slotify-inline-error{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-md, 12px);background:var(--danger-bg, #fee2e2);border:1px solid rgba(220,38,38,.25);color:var(--danger-text, #991b1b);font-size:.85rem;margin-bottom:16px}[data-theme=dark] .slotify-inline-error{background:#dc26261f;color:#fca5a5;border-color:#dc26264d}.slotify-toast-container{position:fixed;top:24px;right:24px;z-index:100000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.slotify-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md, 12px);background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-lg, 0 16px 40px rgba(15, 23, 42, .1));color:var(--text-primary, #0f172a);font-size:.88rem;font-weight:600;min-width:280px;max-width:420px;animation:slotify-toast-in .25s cubic-bezier(.16,1,.3,1)}@keyframes slotify-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.slotify-toast.toast-success{border-left:4px solid var(--success, #10b981)}.slotify-toast.toast-error{border-left:4px solid var(--danger, #dc2626)}.slotify-toast.toast-warning{border-left:4px solid var(--warning, #f59e0b)}.slotify-toast.toast-info{border-left:4px solid var(--primary-500, #2563eb)}@media (max-width: 640px){.slotify-state-card{padding:32px 18px}.slotify-state-icon-wrap{width:52px;height:52px}.slotify-state-title{font-size:1.15rem}.slotify-state-desc{font-size:.85rem}.slotify-toast-container{top:auto;bottom:20px;right:16px;left:16px}.slotify-toast{min-width:unset;width:100%}}