@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: #10b981;--blue-dim: #059669;--blue-light: #34d399;--blue-bg: rgba(16, 185, 129, .08);--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #022c22;--accent-cyan: #0d9488;--accent-pink: #e11d48;--accent-violet: #8b5cf6;--accent-amber: #d97706;--accent-emerald: #10b981;--accent-rose: #dc2626;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-subtle: linear-gradient(135deg, rgba(16, 185, 129, .08) 0%, rgba(5, 150, 105, .08) 100%);--gradient-dark: linear-gradient(135deg, #090b0e 0%, #111419 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: #f59e0b;--info-bg: #fef3c7;--info-text: #b45309;--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: #090b0e;--bg-secondary: #111419;--bg-tertiary: #181c23;--bg-card: rgba(17, 20, 25, .85);--bg-card-hover: rgba(23, 27, 34, .85);--bg-glass: rgba(17, 20, 25, .85);--border-color: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .08);--border-focus: #10b981;--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(16, 185, 129, .22);--card-glow: 0 0 0 1px rgba(255, 255, 255, .1);--glass-bg: rgba(17, 20, 25, .85);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--premium-glow: 0 0 30px rgba(16, 185, 129, .22);--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: #10b981;--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: #10b981;--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: #10b981;--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(16, 185, 129, .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:#10b9814d}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:clip;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:#10b9811f;color:#10b981}.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:#0596691f;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 #10b9811f,0 2px 8px #10b9810f}.form-control::placeholder{color:var(--placeholder-color)}select.form-control{cursor:pointer;color:var(--text-primary);background-color:var(--input-bg)}select{color-scheme:dark}[data-theme=light] select{color-scheme:light}select option,select.form-control option{background-color:var(--modal-bg, #0c1813);color:var(--text-primary, #f8fafc)}[data-theme=light] select option,[data-theme=light] select.form-control option{background-color:#fff;color:#0f172a}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-responsive table,.table-container table,.responsive-table-wrapper table,.data-table-wrapper table{min-width:560px}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:#10b98108}[data-theme=dark] tbody tr:hover{background:#10b9810f}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 #10b98114;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:#10b98126;color:var(--primary-600);border:1px solid rgba(16,185,129,.2)}.badge-secondary{background:#a855f726;color:var(--accent-violet);border:1px solid rgba(168,85,247,.2)}.badge-accent{background:#f59e0b26;color:var(--accent-cyan);border:1px solid rgba(245,158,11,.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:#34d399}.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(16,185,129,.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(16,185,129,.06) 0%,transparent 40%)}[data-theme=dark] tbody tr:hover{border-left-color:var(--primary-500);background:linear-gradient(90deg,rgba(16,185,129,.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:#10b9810a!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, #10b981),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,.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 #10b9811a inset;border-color:#d1fae5;background:#fff}[data-theme=light] .db-stat-card:before{background:linear-gradient(90deg,var(--card-glow, #10b981),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,[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 #10b98114 inset;border-color:#d1fae5!important}[data-theme=light] .db-mini-stat:hover{background:#10b9810a}[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:#d1fae5}[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:clip!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:clip!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(16,185,129,.5) 25%,rgba(5,150,105,.5) 50%,rgba(245,158,11,.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:#10b98114!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%;max-width:100%;border-collapse:collapse}.table-container table,.table-responsive table{min-width:540px}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:#10b9810d!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(16,185,129,.2) transparent}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:#10b98133;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 #10b98126}.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:#10b98133!important;box-shadow:0 8px 32px #0003,0 0 0 1px #10b9811a 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(16,185,129,.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-container table,.table-responsive 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:#10b98166}*:focus-visible{outline:2px solid rgba(16,185,129,.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:#10b98133;border-color:#10b98166;color:#34d399;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,#f59e0b1f,#10b9811f);border:1px solid rgba(245,158,11,.3);color:var(--accent-cyan)}.calendar-day-card.booked:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f59e0b33,#10b98133);border-color:#f59e0b80}.calendar-day-card.past{opacity:.45}.calendar-day-card.today{border:2px solid #10b981!important;box-shadow:0 0 10px #10b98140}.calendar-day-card.selected{transform:scale(1.04) translateY(-2px)!important;border-color:var(--accent-cyan)!important;box-shadow:0 8px 20px #f59e0b40!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(16,185,129,.35) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b98159;border-radius:9999px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#10b98199}.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}@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: #ea580c;--cat-pg-bg: rgba(234, 88, 12, .12);--cat-hotel: #8b5cf6;--cat-hotel-bg: rgba(139, 92, 246, .12);--cat-resort: #10b981;--cat-resort-bg: rgba(16, 185, 129, .12);--cat-farmhouse: #16a34a;--cat-farmhouse-bg: rgba(22, 163, 74, .12);--cat-hall: #f43f5e;--cat-hall-bg: rgba(244, 63, 94, .12)}:root,[data-theme=light],html.light,body.light{color-scheme:light;--bg-app: #fcfcfb;--bg-primary: #fcfcfb;--bg-secondary: #ffffff;--bg-tertiary: #f4f5f4;--bg-card: #ffffff;--bg-card-hover: #f8faf8;--bg-surface: #ffffff;--bg-surface-0: #ffffff;--bg-surface-1: #f4f5f4;--bg-surface-2: #e5e7eb;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .92);--border-color: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--border-focus: #059669;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--placeholder-color: #94a3b8;--brand: #059669;--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #059669;--primary-600: #047857;--primary-700: #065f46;--primary-800: #022c22;--primary-900: #011913;--accent-primary: #059669;--accent-secondary: #d97706;--input-bg: #ffffff;--input-border: #d1d5db;--sidebar-bg: #ffffff;--sidebar-text: #0f172a;--sidebar-text-muted: #64748b;--sidebar-active: #059669;--sidebar-border: #e5e7eb;--modal-bg: #ffffff;--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 -4px rgba(15, 23, 42, .14)}[data-theme=dark],html.dark,body.dark{color-scheme:dark;--bg-app: #090b0e;--bg-primary: #090b0e;--bg-secondary: #111419;--bg-tertiary: #181c23;--bg-card: #111419;--bg-card-hover: #171b22;--bg-surface: #111419;--bg-surface-0: #111419;--bg-surface-1: #181c23;--bg-surface-2: #202630;--bg-elevated: #181c23;--bg-glass: rgba(17, 20, 25, .92);--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .15);--border-focus: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--placeholder-color: #64748b;--brand: #10b981;--primary-50: #022c22;--primary-100: #064e3b;--primary-200: #065f46;--primary-300: #047857;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #022c22;--accent-primary: #10b981;--accent-secondary: #f59e0b;--input-bg: rgba(17, 20, 25, .9);--input-border: rgba(255, 255, 255, .12);--sidebar-bg: #0b0e12;--sidebar-text: #f8fafc;--sidebar-text-muted: #94a3b8;--sidebar-active: #10b981;--sidebar-border: rgba(255, 255, 255, .08);--modal-bg: #111419;--ds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--ds-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .45), 0 1px 2px 0 rgba(0, 0, 0, .35);--ds-shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .5);--ds-shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .65);--ds-shadow-hover: 0 16px 40px 0 rgba(0, 0, 0, .7)}*,*: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, #10b981);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, #10b981);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, #10b981);--_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, #10b981);border-color:var(--primary-500, #10b981)}.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, #10b981);box-shadow:0 0 0 3px #10b98133}.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, #fef3c7);color:var(--info-text, #b45309)}.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, #34d399);color:var(--text-primary)}.ds-chip.active,.ds-chip[aria-pressed=true]{background:var(--primary-500, #10b981);color:#fff;border-color:var(--primary-500, #10b981)}.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, #10b981);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, #10b981);color:#fff;border-color:#34d399;box-shadow:0 0 12px #10b98166}.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,#059669,#10b981)}@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;z-index:30;padding-block:clamp(48px,6.5vw,96px) clamp(36px,4.5vw,64px);background:transparent;overflow:visible!important}.sn-hero-aurora{position:absolute;inset:-120px 0 auto 0;height:580px;background:radial-gradient(ellipse 700px 320px at 50% 15%,rgba(16,185,129,.16),transparent 70%),radial-gradient(ellipse 500px 240px at 75% 10%,rgba(245,158,11,.12),transparent 60%),radial-gradient(ellipse 460px 220px at 25% 12%,rgba(139,92,246,.1),transparent 60%);pointer-events:none;z-index:-1;filter:blur(28px)}[data-theme=dark] .sn-hero-aurora{background:radial-gradient(ellipse 750px 340px at 50% 15%,rgba(16,185,129,.24),transparent 70%),radial-gradient(ellipse 550px 260px at 75% 10%,rgba(245,158,11,.18),transparent 60%),radial-gradient(ellipse 500px 240px at 25% 12%,rgba(168,85,247,.16),transparent 60%)}.sn-hero-tag{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:7px 18px;border-radius:9999px;color:var(--primary-600, #059669);background:color-mix(in srgb,var(--primary-500, #059669) 10%,var(--bg-card, #ffffff));border:1px solid color-mix(in srgb,var(--primary-500, #059669) 25%,transparent);box-shadow:0 2px 10px #05966914;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sn-hero-tag:hover{transform:translateY(-1px);box-shadow:0 4px 16px #05966929}[data-theme=dark] .sn-hero-tag{color:#a7f3d0;background:#10b98124;border-color:#10b98159;box-shadow:0 4px 20px #10b98133}.sn-hero-tag-pulse{width:7px;height:7px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 #22c55eb3;animation:snPulseGreen 2s infinite;flex-shrink:0}@keyframes snPulseGreen{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.sn-hero-heading{font-family:var(--font-display, inherit);font-size:clamp(2.2rem,1.4rem + 3.8vw,4.2rem);line-height:1.05;letter-spacing:-.035em;font-weight:850;margin-top:20px;color:var(--text-primary)}.sn-hero-gradient-text{background:linear-gradient(135deg,#059669,#10b981,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}[data-theme=dark] .sn-hero-gradient-text{background:linear-gradient(135deg,#34d399,#10b981,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sn-hero-sub{font-size:clamp(1rem,.94rem + .45vw,1.22rem);line-height:1.55;color:var(--text-secondary, #475569);max-width:680px;margin-inline:auto;margin-top:14px}.sn-hero-category-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,3vw,34px);padding:6px;background:color-mix(in srgb,var(--text-primary) 3%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:9999px;max-width:fit-content;margin-inline:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 640px){.sn-hero-category-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;max-width:100%;border-radius:16px;padding:6px 8px;scrollbar-width:none}.sn-hero-category-tabs::-webkit-scrollbar{display:none}}.sn-hero-tab-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9999px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.sn-hero-tab-pill:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.sn-hero-tab-pill.active{background:var(--bg-card);color:var(--primary-600, #059669);border-color:color-mix(in srgb,var(--primary-500, #059669) 25%,transparent);box-shadow:0 4px 14px -2px #05966929;font-weight:700}[data-theme=dark] .sn-hero-tab-pill.active{background:#10b9812e;color:#a7f3d0;border-color:#10b98161;box-shadow:0 4px 18px #10b98140}.sn-hero-tab-icon{flex-shrink:0;color:inherit}.sn-search-wrapper{margin-top:clamp(20px,2.5vw,30px)}.sn-search-bar{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px -10px #0f172a1f,0 0 0 1px color-mix(in srgb,var(--text-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:20px;padding:8px 10px 8px 18px;transition:box-shadow .26s ease,border-color .26s ease,transform .26s ease}.sn-search-bar:focus-within{border-color:var(--primary-500, #059669);box-shadow:0 20px 48px -12px #05966940,0 0 0 3px #10b98133;transform:translateY(-2px)}[data-theme=dark] .sn-search-bar{background:#111419e6;box-shadow:0 20px 48px -12px #0009,0 0 0 1px #10b98133}[data-theme=dark] .sn-search-bar:focus-within{border-color:#34d399;box-shadow:0 24px 54px -10px #10b98159,0 0 0 3px #10b9814d}.sn-search-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:700;border-radius:14px;padding:13px 26px;box-shadow:0 6px 20px -3px #10b98173;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.sn-search-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 24px -3px #10b9818c}.sn-search-btn:active{transform:scale(.98)}.sn-city-quickbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.sn-city-label{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sn-city-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:9999px;font-size:.82rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 1px 3px #0f172a0a;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.sn-city-chip:hover{color:var(--primary-600, #059669);border-color:color-mix(in srgb,var(--primary-500, #059669) 40%,transparent);transform:translateY(-1px);box-shadow:0 3px 8px #0596691f}.sn-city-chip.active{color:#fff;background:var(--primary-600, #059669);border-color:var(--primary-600, #059669);box-shadow:0 3px 12px #05966959}.sn-hero-directory-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.84rem;color:var(--text-secondary);margin-top:14px;flex-wrap:wrap}.sn-hero-directory-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary-600, #059669);font-weight:700;text-decoration:none;transition:gap .18s ease,color .18s ease}.sn-hero-directory-link:hover{text-decoration:underline;gap:7px;color:var(--primary-500, #10b981)}.sn-hero-stats-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(16px,3vw,36px);margin-top:clamp(28px,3.5vw,44px);padding:14px 28px;background:color-mix(in srgb,var(--bg-card) 75%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 7%,transparent);border-radius:18px;max-width:fit-content;margin-inline:auto;box-shadow:0 4px 18px #0f172a0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sn-hero-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.sn-hero-stat-val{font-size:1.15rem;font-weight:850;color:var(--text-primary);font-family:var(--font-display, inherit);letter-spacing:-.02em}.sn-hero-stat-lbl{font-size:.74rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sn-hero-stat-divider{width:1px;height:28px;background:var(--border-color)}@media (max-width: 640px){.sn-hero-stat-divider{display:none}.sn-hero-stats-strip{gap:18px;display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:14px}}.sn-section-badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 14px;border-radius:9999px;color:var(--primary-600, #059669);background:color-mix(in srgb,var(--primary-500, #059669) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-500, #059669) 20%,transparent);margin-bottom:10px}[data-theme=dark] .sn-section-badge{color:#a7f3d0;background:#10b98124;border-color:#10b9814d}.sn-categories-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.sn-categories-directory-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9999px;background:var(--bg-card);border:1px solid var(--border-color);font-size:.85rem;font-weight:700;color:var(--primary-600, #059669);text-decoration:none;box-shadow:var(--ds-shadow-xs);transition:all .18s ease;white-space:nowrap}.sn-categories-directory-link:hover{background:var(--bg-secondary);border-color:var(--primary-400);transform:translateY(-1px);gap:9px}.sn-categories-grid{display:grid;gap:clamp(14px,1.8vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.sn-category-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:22px 20px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px -2px #0f172a0d;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,border-color .26s ease}.sn-category-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--_cat, #059669);opacity:.8;transition:height .26s ease,opacity .26s ease}.sn-category-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--_cat, #059669) 55%,var(--border-color));box-shadow:0 20px 40px -12px #0f172a29,0 0 0 1px color-mix(in srgb,var(--_cat, #059669) 25%,transparent)}.sn-category-card:hover:before{height:5px;opacity:1}.sn-categories-grid .sn-category-card:nth-child(1){--_cat: #ea580c}.sn-categories-grid .sn-category-card:nth-child(2){--_cat: #8b5cf6}.sn-categories-grid .sn-category-card:nth-child(3){--_cat: #10b981}.sn-categories-grid .sn-category-card:nth-child(4){--_cat: #16a34a}.sn-categories-grid .sn-category-card:nth-child(5){--_cat: #f43f5e}.sn-category-top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.sn-category-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:var(--_cat, #059669);background:color-mix(in srgb,var(--_cat, #059669) 12%,transparent);transition:transform .26s cubic-bezier(.16,1,.3,1)}.sn-category-card:hover .sn-category-icon{transform:scale(1.1) rotate(2deg)}.sn-category-icon svg{color:inherit}.sn-category-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:9999px;color:var(--_cat, #059669);background:color-mix(in srgb,var(--_cat, #059669) 10%,transparent);border:1px solid color-mix(in srgb,var(--_cat, #059669) 20%,transparent)}.sn-category-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-top:14px;letter-spacing:-.02em;line-height:1.25}.sn-category-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin-top:5px}.sn-category-highlights{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;margin-bottom:18px}.sn-category-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--bg-tertiary, #f4f5f4);color:var(--text-secondary)}.sn-chip-check{color:var(--_cat, #059669)}.sn-category-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle, #f4f5f4);display:flex;align-items:center;justify-content:space-between;gap:8px}.sn-category-price{font-size:.82rem;font-weight:800;color:var(--text-primary)}.sn-category-action{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;color:var(--_cat, #059669);transition:gap .18s ease}.sn-category-card:hover .sn-category-action{gap:7px}.sn-category-arrow{transition:transform .18s ease}.sn-category-card:hover .sn-category-arrow{transform:translate(3px)}.sn-steps-grid{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin-top:32px}.sn-step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px 22px;box-shadow:0 4px 14px -2px #0f172a0d;position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.sn-step-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary-500, #059669) 45%,var(--border-color));box-shadow:0 16px 36px -8px #05966929}.sn-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sn-step-num{font-family:var(--font-display, inherit);font-size:1.7rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .sn-step-num{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sn-step-icon-wrap{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary-500, #059669) 10%,transparent);color:var(--primary-600, #059669)}.sn-step-title{font-size:1.08rem;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.015em}.sn-step-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.5}.sn-trust-grid{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:32px}.sn-trust-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:26px 24px;box-shadow:0 4px 14px -2px #0f172a0d;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.sn-trust-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary-500, #059669) 45%,var(--border-color));box-shadow:0 16px 36px -8px #05966924}.sn-trust-icon{width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#05966924,#f59e0b24);color:var(--primary-600, #059669);margin-bottom:16px}.sn-trust-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.sn-trust-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.55}.sn-owner-card{position:relative;border-radius:26px;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-500, #059669) 7%,var(--bg-card)),color-mix(in srgb,#f59e0b 5%,var(--bg-card)));padding:clamp(28px,4vw,48px);box-shadow:0 20px 48px -12px #0f172a1a,0 0 0 1px color-mix(in srgb,var(--primary-500) 12%,transparent);overflow:hidden}[data-theme=dark] .sn-owner-card{background:linear-gradient(135deg,#0f1412f2,#14281e59);box-shadow:0 24px 60px -12px #000000b3,0 0 0 1px #10b98140}.sn-owner-aurora{position:absolute;top:-80px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.22) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.sn-owner-grid{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr}@media (min-width: 960px){.sn-owner-grid{grid-template-columns:1.15fr .85fr;align-items:center}}.sn-owner-tag{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;border-radius:9999px;color:var(--primary-600, #059669);background:color-mix(in srgb,var(--primary-500, #059669) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-500, #059669) 22%,transparent);margin-bottom:14px}[data-theme=dark] .sn-owner-tag{color:#a7f3d0;background:#10b98129;border-color:#10b98159}.sn-owner-heading{font-family:var(--font-display, inherit);font-size:clamp(1.6rem,1.2rem + 1.8vw,2.4rem);font-weight:850;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary)}.sn-owner-highlight{background:linear-gradient(135deg,#059669,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .sn-owner-highlight{background:linear-gradient(135deg,#34d399,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sn-owner-sub{font-size:.94rem;color:var(--text-secondary);line-height:1.55;margin-top:10px;margin-bottom:18px}.sn-owner-metrics-strip{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.sn-owner-metric-item{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--ds-shadow-xs)}.sn-owner-metric-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary-500, #059669) 12%,transparent);color:var(--primary-600, #059669)}.sn-owner-metric-info{display:flex;flex-direction:column}.sn-owner-metric-val{font-size:.96rem;font-weight:850;color:var(--text-primary);line-height:1.1}.sn-owner-metric-lbl{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.sn-owner-features{display:grid;gap:10px;margin-bottom:24px}.sn-owner-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-secondary);line-height:1.45}.sn-owner-feature-bullet{color:#10b981;flex-shrink:0;margin-top:2px}.sn-owner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sn-btn-glow{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-radius:12px;font-weight:700;box-shadow:0 6px 20px -2px #10b98173;transition:all .2s ease}.sn-btn-glow:hover{transform:translateY(-2px);box-shadow:0 10px 28px -2px #10b9818c}.sn-owner-categories-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px 22px;box-shadow:0 8px 24px -4px #0f172a14}.sn-owner-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sn-owner-categories-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.015em}.sn-owner-badge-pro{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:9999px;background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.3);text-transform:uppercase}.sn-owner-cat-list{display:grid;gap:9px}.sn-owner-cat-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--bg-tertiary);border:1px solid transparent;transition:all .18s ease}.sn-owner-cat-item:hover{background:var(--bg-card);border-color:var(--border-color);transform:translate(3px)}.sn-owner-cat-icon-wrap{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary-500, #059669) 12%,transparent);color:var(--primary-600, #059669);flex-shrink:0}.sn-owner-cat-details{display:flex;flex-direction:column}.sn-owner-cat-name{font-size:.88rem;font-weight:750;color:var(--text-primary);line-height:1.2}.sn-owner-cat-desc{font-size:.74rem;color:var(--text-muted)}.sn-prop-card{border-radius:20px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card);box-shadow:0 4px 14px -2px #0f172a0f;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,border-color .26s ease;overflow:hidden}.sn-prop-card:hover,.sn-prop-card:focus-visible{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary-500, #059669) 45%,var(--border-color));box-shadow:0 20px 40px -10px #0f172a29}.sn-prop-img-wrap{overflow:hidden;position:relative}.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{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ac7;color:#fff;font-weight:700;font-size:.72rem;border-radius:9999px;padding:4px 10px}.sn-prop-rating-pill{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;color:#0f172a;font-weight:800;font-size:.74rem;border-radius:9999px;padding:4px 10px;box-shadow:0 2px 8px #0000001f}.sn-prop-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:700;border-radius:12px;box-shadow:0 4px 14px -2px #10b98166}.sn-property-grid{display:grid;gap:clamp(16px,1.8vw,24px);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, #34d399);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,#10b981,#059669)!important;color:#fff!important;border:1px solid var(--primary-600, #059669)!important;border-radius:var(--radius-button, 12px)!important;font-weight:600!important;box-shadow:0 4px 12px -2px #10b98159!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 #10b98180!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, #10b981)!important;box-shadow:0 0 0 3px #10b9812e!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}.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}:root{--font-body: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist", ui-monospace, SFMono-Regular, monospace;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-card: 20px;--radius-button: 10px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .24s cubic-bezier(.16, 1, .3, 1);--transition-slow: .36s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--cat-pg: #ea580c;--cat-pg-bg: rgba(234, 88, 12, .1);--cat-hotel: #8b5cf6;--cat-hotel-bg: rgba(139, 92, 246, .1);--cat-resort: #10b981;--cat-resort-bg: rgba(16, 185, 129, .1);--cat-farmhouse: #16a34a;--cat-farmhouse-bg: rgba(22, 163, 74, .1);--cat-hall: #f43f5e;--cat-hall-bg: rgba(244, 63, 94, .1);--accent-emerald: #10b981;--accent-gold: #f59e0b;--accent-coral: #f43f5e;--accent-violet: #8b5cf6;--gradient-cta: linear-gradient(135deg, #10b981 0%, #059669 100%)}:root,html[data-theme=dark],html[data-theme=dark] body{color-scheme:dark;--brand: #10b981;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--blue: #10b981;--blue-dim: #059669;--blue-light: #34d399;--blue-bg: rgba(16, 185, 129, .12);--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-subtle: linear-gradient(135deg, rgba(16, 185, 129, .14) 0%, rgba(5, 150, 105, .08) 100%);--bg-primary: #090b0e;--bg-secondary: #111419;--bg-tertiary: #181c23;--bg-card: #111419;--bg-card-hover: #171b22;--bg-surface: #111419;--bg-elevated: #181c23;--bg-glass: rgba(17, 20, 25, .92);--glass-bg: rgba(17, 20, 25, .92);--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .15);--border-glass: rgba(255, 255, 255, .08);--border-focus: #10b981;--glass-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--placeholder-color: #64748b;--success: #10b981;--success-bg: rgba(16, 185, 129, .14);--success-text: #34d399;--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .14);--warning-text: #fbbf24;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .14);--danger-text: #f87171;--info: #f59e0b;--info-bg: rgba(245, 158, 11, .14);--info-text: #fbbf24;--input-bg: rgba(17, 20, 25, .9);--input-border: rgba(255, 255, 255, .12);--modal-bg: #111419;--sidebar-bg: #0b0e12;--sidebar-text: #f8fafc;--sidebar-text-muted: #94a3b8;--sidebar-active: #10b981;--sidebar-border: rgba(255, 255, 255, .08);--ds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--ds-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .45), 0 1px 2px 0 rgba(0, 0, 0, .35);--ds-shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .5);--ds-shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .65);--ds-shadow-hover: 0 16px 40px 0 rgba(0, 0, 0, .7);--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-xl: var(--ds-shadow-hover);--shadow-glass: 0 16px 36px -12px rgba(0, 0, 0, .65);--shadow-glow: 0 0 28px rgba(16, 185, 129, .25);--premium-glow: 0 0 28px rgba(16, 185, 129, .25);--card-glow: 0 0 0 1px rgba(255, 255, 255, .06);--canvas-opacity: .5}html[data-theme=light],html[data-theme=light] body{color-scheme:light;--brand: #059669;--primary-400: #34d399;--primary-500: #059669;--primary-600: #047857;--primary-700: #065f46;--primary-800: #022c22;--blue: #059669;--blue-dim: #047857;--blue-light: #10b981;--blue-bg: rgba(5, 150, 105, .08);--gradient-primary: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-subtle: linear-gradient(135deg, rgba(5, 150, 105, .08) 0%, rgba(4, 120, 87, .05) 100%);--bg-primary: #fcfcfb;--bg-secondary: #ffffff;--bg-tertiary: #f4f5f4;--bg-card: #ffffff;--bg-card-hover: #f8faf8;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .92);--glass-bg: rgba(255, 255, 255, .92);--border-color: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--border-glass: #e5e7eb;--border-focus: #059669;--glass-border: #e5e7eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--placeholder-color: #94a3b8;--success: #10b981;--success-bg: #ecfdf5;--success-text: #059669;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-text: #d97706;--danger: #ef4444;--danger-bg: #fef2f2;--danger-text: #dc2626;--info: #d97706;--info-bg: #fffbeb;--info-text: #b45309;--input-bg: #ffffff;--input-border: #d1d5db;--modal-bg: #ffffff;--sidebar-bg: #ffffff;--sidebar-text: #0f172a;--sidebar-text-muted: #64748b;--sidebar-active: #059669;--sidebar-border: #e5e7eb;--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 -4px rgba(15, 23, 42, .14);--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-xl: var(--ds-shadow-hover);--shadow-glass: 0 12px 28px -6px rgba(15, 23, 42, .1);--shadow-glow: 0 0 24px rgba(5, 150, 105, .18);--premium-glow: 0 0 24px rgba(5, 150, 105, .18);--card-glow: 0 0 0 1px rgba(15, 23, 42, .04)}html,body{overflow-x:clip;width:100%;max-width:100%}body{font-family:var(--font-body)!important;background-color:var(--bg-primary);background-image:radial-gradient(1200px 620px at 82% -8%,var(--blue-bg),transparent 60%),radial-gradient(900px 520px at 8% 108%,rgba(245,158,11,.05),transparent 60%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.stat-number,.kpi-val{font-family:var(--font-display)!important;letter-spacing:-.02em;color:var(--text-primary)}::selection{background:#10b98140;color:inherit}a{color:var(--brand)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:6px}*{scrollbar-color:color-mix(in srgb,var(--brand) 45%,transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 40%,transparent);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand) 65%,transparent)}img,video,canvas,table{max-width:100%}button svg,.btn svg,a svg{flex-shrink:0}.btn,button.btn{font-family:var(--font-body);font-weight:600;border-radius:var(--radius-button);min-height:42px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),filter var(--transition-fast)}.btn-primary,button.btn-primary,.app-layout .btn-primary,.app-layout button.btn-primary{background:var(--gradient-primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:var(--radius-button)!important;font-weight:700!important;box-shadow:0 4px 14px -2px #10b98173!important}.btn-primary:hover,button.btn-primary:hover,.app-layout .btn-primary:hover,.app-layout button.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.05);box-shadow:0 8px 22px -4px #10b9818c!important}.btn-accent,button.btn-accent,.app-layout .btn-accent{background:var(--gradient-cta)!important;color:#fff!important;border:1px solid transparent!important;font-weight:700!important;box-shadow:0 4px 14px -2px #10b98166!important}.btn-secondary,button.btn-secondary,.app-layout .btn-secondary{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-button)!important;font-weight:600!important}.btn-secondary:hover,.app-layout .btn-secondary:hover{background:var(--bg-card-hover)!important;border-color:var(--border-strong)!important;transform:translateY(-1px)}.card,.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,.cust-stay-hero,.cust-card,.cust-service-card,.cust-amenity-card,.sa-user-card,.sa-property-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--ds-shadow-sm)!important;transition:transform var(--transition-base),border-color var(--transition-fast),box-shadow var(--transition-base)!important}.card:hover,.app-layout .card:hover,.app-layout .stat-card:hover,.app-layout .db-stat-card:hover,.app-layout .dashboard-card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border-color))!important;box-shadow:var(--ds-shadow-md)!important;transform:translateY(-2px)}.app-layout input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-layout select,.app-layout textarea,input:not([type=checkbox]):not([type=radio]):not([type=file]).form-control,select.form-control,textarea.form-control{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.app-layout input:focus,.app-layout select:focus,.app-layout textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--placeholder-color)!important}.app-layout table th{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;font-family:var(--font-body)!important;letter-spacing:.05em}.app-layout table tbody tr:hover{background:var(--bg-card-hover)!important}.table-container{border-radius:var(--radius-lg);overflow:auto hidden}.table-responsive,.sn-rt{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-summary-container{border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}@media (max-width: 768px){.finance-summary-container{border:none!important;border-radius:0!important;overflow:visible!important;background:transparent!important}}.sn-mobile-only{display:none!important}@media (max-width: 768px){.sn-mobile-only{display:inline-flex!important}.sn-desktop-only{display:none!important}}@media (max-width: 768px){.sn-rt{overflow:visible!important;border:none!important}.sn-rt table,.ds-table--stack{border-collapse:separate!important;border-spacing:0!important;display:block;width:100%}.sn-rt thead,.ds-table--stack thead{display:none!important}.sn-rt tbody,.sn-rt tr,.sn-rt td,.ds-table--stack tbody,.ds-table--stack tr,.ds-table--stack td{display:block!important;width:100%!important}.sn-rt tbody,.ds-table--stack tbody{display:grid!important;gap:14px}.sn-rt tr,.ds-table--stack tr{background:var(--bg-card, #0f172a)!important;border:1px solid var(--border-color, rgba(255, 255, 255, .08))!important;border-radius:var(--radius-lg, 14px)!important;box-shadow:0 4px 16px #00000040!important;padding:0!important;margin:0!important;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.sn-rt tr:hover,.ds-table--stack tr:hover{background:var(--bg-card, #0f172a)!important}.sn-rt tr>td:first-child,.ds-table--stack tr>td:first-child,.sn-rt td.sn-card-header-cell,.ds-table--stack td.sn-card-header-cell{background:color-mix(in srgb,var(--primary-600, #059669) 8%,var(--bg-card, #090b0e))!important;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:.94rem!important;font-weight:700!important;color:var(--text-primary, #ffffff)!important}.sn-rt tr>td:first-child:before,.ds-table--stack tr>td:first-child:before,.sn-rt td.sn-card-header-cell:before,.ds-table--stack td.sn-card-header-cell:before{display:none!important}.sn-rt td,.ds-table--stack td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:9px 14px!important;text-align:right!important;border:none!important;min-height:38px;font-size:.86rem}.sn-rt td+td,.ds-table--stack td+td{border-top:1px solid color-mix(in srgb,var(--border-color, rgba(255, 255, 255, .08)) 40%,transparent)!important}.sn-rt td[data-label]:before,.ds-table--stack td[data-label]:before{content:attr(data-label);flex:0 0 auto;max-width:48%;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #94a3b8)}.sn-rt td:not([data-label]),.ds-table--stack td:not([data-label]){justify-content:flex-end}.sn-rt td:last-child,.ds-table--stack td:last-child,.sn-rt td.sn-card-action-cell,.ds-table--stack td.sn-card-action-cell,.sn-rt td[data-label=Action],.ds-table--stack td[data-label=Action],.sn-rt td[data-label=Actions],.ds-table--stack td[data-label=Actions]{background:color-mix(in srgb,var(--text-primary, #ffffff) 2%,transparent)!important;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))!important;padding:10px 14px!important;display:flex!important;justify-content:stretch!important;width:100%!important;min-height:48px!important}.sn-rt td:last-child:before,.ds-table--stack td:last-child:before,.sn-rt td.sn-card-action-cell:before,.ds-table--stack td.sn-card-action-cell:before,.sn-rt td[data-label=Action]:before,.ds-table--stack td[data-label=Action]:before,.sn-rt td[data-label=Actions]:before,.ds-table--stack td[data-label=Actions]:before{display:none!important}.sn-rt td:last-child>*,.ds-table--stack td:last-child>*,.sn-rt td.sn-card-action-cell>*,.ds-table--stack td.sn-card-action-cell>*,.sn-rt td[data-label=Action]>*,.ds-table--stack td[data-label=Action]>*,.sn-rt td[data-label=Actions]>*,.ds-table--stack td[data-label=Actions]>*{width:100%!important;text-align:center!important;justify-content:center!important}.sn-rt td:last-child>div,.ds-table--stack td:last-child>div{display:flex!important;gap:8px!important;width:100%!important}.sn-rt td .btn,.ds-table--stack td .btn{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.82rem!important;font-weight:700!important;border-radius:8px!important}.sn-rt td>div,.sn-rt td>span{min-width:0}}.badge{font-family:var(--font-body)!important;border-radius:var(--radius-full)!important;font-weight:700;letter-spacing:.01em}.badge-primary{background:var(--blue-bg)!important;color:var(--brand)!important}.page-header h1,.page-header .page-title{font-family:var(--font-display)!important;letter-spacing:-.025em}.logo-name{color:#fff!important;font-weight:900!important;background:none!important;-webkit-text-fill-color:initial!important}.nav-item.active{background:color-mix(in srgb,var(--brand) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--brand) 26%,transparent)!important;color:var(--sidebar-active)!important;box-shadow:0 2px 10px -2px color-mix(in srgb,var(--brand) 30%,transparent)!important}.nav-item.active:after{background:var(--primary-500)!important}.nav-item.active .nav-icon{color:var(--sidebar-active)!important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brand) 40%,transparent))!important}.user-avatar,.sidebar-avatar-enhanced{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))!important;box-shadow:0 4px 14px -2px color-mix(in srgb,var(--brand) 40%,transparent)!important}.user-role{color:var(--primary-400)!important}.pg-switcher-label svg{color:var(--primary-400)!important}.theme-toggle-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:1.15rem;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 45%,var(--border-color));background:var(--bg-card-hover);transform:translateY(-1px)}.mobile-header{background:color-mix(in srgb,var(--bg-secondary) 88%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color)!important}.mobile-header .menu-btn,.mobile-header .profile-toggle-btn{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:11px}.owner-bottom-nav{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color)!important}.owner-bottom-tab{color:var(--text-muted)!important}.owner-bottom-tab.active{color:var(--brand)!important}.owner-bottom-tab.active svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brand) 40%,transparent))}.obn-badge{background:var(--danger)!important;color:#fff!important}.modal-overlay,.dialog-overlay{background:color-mix(in srgb,var(--bg-primary) 55%,rgba(0,0,0,.5))!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal,.modal-dialog,.modal-content,.dialog-box,.sa-modal{background:var(--modal-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--ds-shadow-lg)!important}@media (max-width: 640px){.modal,.modal-dialog,.modal-content,.dialog-box,.sa-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;border-radius:20px 20px 18px 18px!important}}@media (prefers-reduced-motion: no-preference){.main-content>*{animation:sn-rise .36s cubic-bezier(.16,1,.3,1) both}}@keyframes sn-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (min-width: 1700px){.main-content{margin-left:auto;margin-right:auto}}@media (max-width: 480px){.btn,button.btn{min-height:44px}}@media (max-width: 640px){input.auth-input[type=text],input.auth-input[type=email],input.auth-input[type=password],input.auth-input[type=number]{padding:0 14px 0 42px!important}input.form-control.with-icon,input.form-control.input-with-prefix{padding-left:42px!important}}.sn-header.sn-header-scrolled,html[data-theme=dark] .sn-header.sn-header-scrolled,html[data-theme=light] .sn-header.sn-header-scrolled{background-color:color-mix(in srgb,var(--bg-secondary) 86%,transparent)!important;border-bottom-color:var(--border-color)!important;box-shadow:var(--ds-shadow-sm)!important}.sn-mobile-menu,html[data-theme=dark] .sn-mobile-menu,html[data-theme=light] .sn-mobile-menu{background:color-mix(in srgb,var(--bg-secondary) 96%,transparent)!important;border-bottom-color:var(--border-color)!important;box-shadow:var(--ds-shadow-lg)!important}.sn-btn-signup,.sn-btn-signup:hover{background:var(--gradient-primary)!important;border-color:transparent!important}.explore-header{background:color-mix(in srgb,var(--bg-secondary) 88%,transparent)!important;border-bottom:1px solid var(--border-color)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.explore-action-pill,.explore-back-btn,.explore-cat-pill:not(.active),.amenity-chip:not(.active),.explore-persona-chip:not(.active){background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.explore-action-pill:hover,.explore-back-btn:hover,.explore-cat-pill:not(.active):hover,.amenity-chip:not(.active):hover,.explore-persona-chip:not(.active):hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.explore-action-pill.active{background:var(--gradient-primary)!important;color:#fff!important;border-color:transparent!important}.explore-cat-pill.active.cat-all,.amenity-chip.active,.explore-persona-chip.active{background:color-mix(in srgb,var(--brand) 14%,var(--bg-card))!important;border-color:color-mix(in srgb,var(--brand) 45%,transparent)!important;color:var(--text-primary)!important}.explore-search-input-wrap,.explore-select-wrap{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;border-radius:var(--radius-md)!important}.explore-search-input,.explore-select{background:transparent!important;color:var(--text-primary)!important;border:none!important}.explore-view-toggle{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important}.explore-view-btn.active{background:var(--bg-card)!important;color:var(--brand)!important}.explore-card,.explore-list-card,.explore-modal-content{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}.explore-card:hover,.explore-list-card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border-color))!important;box-shadow:var(--ds-shadow-md)!important}.explore-book-btn{background:var(--gradient-primary)!important;color:#fff!important;border:none!important}.explore-quickview-btn{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.active-filter-tag{background:var(--blue-bg)!important;color:var(--brand)!important;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent)!important}.explore-empty-state{background:var(--bg-card)!important;border:1px dashed var(--border-strong)!important}html[data-theme=dark],html[data-theme=light],html[data-theme=dark] body,html[data-theme=light] body{--auth-card-bg: var(--bg-card);--auth-card-border: var(--border-color);--auth-card-shadow: var(--ds-shadow-lg);--auth-text-primary: var(--text-primary);--auth-text-secondary: var(--text-secondary);--auth-text-muted: var(--text-muted);--auth-input-bg: var(--input-bg);--auth-input-border: var(--input-border);--auth-input-focus-border: var(--brand);--auth-input-focus-ring: color-mix(in srgb, var(--brand) 22%, transparent);--auth-input-text: var(--text-primary);--auth-input-placeholder: var(--placeholder-color);--auth-tab-inactive-text: var(--text-muted);--auth-tab-active-text: var(--text-primary);--auth-tab-active-border: var(--brand);--auth-card-radio-bg: var(--bg-tertiary);--auth-card-radio-border: var(--border-color);--auth-card-radio-hover-border: var(--border-strong);--auth-card-radio-active-bg: color-mix(in srgb, var(--brand) 14%, transparent);--auth-card-radio-active-border: var(--brand);--auth-card-radio-active-text: var(--brand);--auth-primary-btn-bg: var(--gradient-primary);--auth-primary-btn-hover: var(--gradient-primary);--auth-primary-btn-shadow: 0 8px 20px -6px color-mix(in srgb, var(--brand) 55%, transparent);--auth-divider-color: var(--border-color);--auth-divider-text: var(--text-muted);--auth-alert-error-bg: var(--danger-bg);--auth-alert-error-border: color-mix(in srgb, var(--danger) 35%, transparent);--auth-alert-error-text: var(--danger-text);--auth-alert-success-bg: var(--success-bg);--auth-alert-success-border: color-mix(in srgb, var(--success) 35%, transparent);--auth-alert-success-text: var(--success-text);--auth-nav-bg: color-mix(in srgb, var(--bg-card) 80%, transparent);--auth-nav-border: var(--border-color);--auth-nav-text: var(--text-primary);--auth-nav-hover-bg: var(--bg-card)}html[data-theme=light],html[data-theme=light] body{--auth-overlay-bg: linear-gradient(135deg, rgba(245, 244, 239, .92) 0%, rgba(236, 235, 227, .8) 45%, rgba(245, 244, 239, .95) 100%)}.auth-card-accent-strip{background:linear-gradient(90deg,var(--primary-600),var(--primary-400) 55%,var(--accent-gold))!important}html[data-theme=light] .auth-marketing-col .auth-hero-headline,html[data-theme=light] .auth-marketing-col .auth-brand-header-link,html[data-theme=light] .auth-marketing-col .auth-brand-header-link *{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary);text-shadow:none}html[data-theme=light] .auth-marketing-col .auth-hero-supporting{color:var(--text-secondary)!important;text-shadow:none}.ds-overlay{background:color-mix(in srgb,var(--bg-primary) 55%,rgba(0,0,0,.5))!important}html[data-theme=light] .property-showcase{--showcase-bg: var(--bg-primary);--showcase-text: var(--text-primary)}html[data-theme=light] .property-showcase :is(.showcase-card,.showcase-about-section,.showcase-stats,.package-pricing-card,.simultaneous-package-card,.food-day-card,.room-card,.selection-requirements-card,.selected-specification-card,.duration-picker-box,.showcase-cta-section){color:var(--text-primary);box-shadow:var(--ds-shadow-sm)}html[data-theme=light] .property-showcase :is(.showcase-card,.showcase-about-section,.package-pricing-card,.room-card) :is(h1,h2,h3,h4,h5,p,li,span):not([class*=price]):not([class*=badge]):not([class*=pill]):not([class*=tag]):not([class*=btn]):not([style*=color]){color:inherit}:focus-visible{outline:2px solid var(--brand, #10b981)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #10b98140!important}@media (pointer: coarse){button:not(.btn-icon-sm),a.btn,.sn-city-chip,.explore-action-pill,.explore-cat-pill,.amenity-chip,.xp-radio{min-height:44px;display:inline-flex;align-items:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-primary,.sn-btn-primary,.explore-book-btn,.ds-btn-primary,.sn-search-btn{position:relative;overflow:hidden;letter-spacing:-.01em;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),filter .18s ease!important}.btn-primary:active,.sn-btn-primary:active,.explore-book-btn:active,.ds-btn-primary:active,.sn-search-btn:active{transform:scale(.97)!important}.explore-card-img-wrap{overflow:hidden}.explore-card-img-wrap img{transition:transform .42s cubic-bezier(.16,1,.3,1),filter .3s ease!important}.explore-card:hover .explore-card-img-wrap img{transform:scale(1.045)}[data-theme=dark] .persona-tagline,[data-theme=dark] .explore-card-location,[data-theme=dark] .explore-results-count{color:#94a3b8!important}[data-theme=light] .persona-tagline,[data-theme=light] .explore-card-location,[data-theme=light] .explore-results-count{color:#475569!important}.card-highlight-pill,.explore-verified-badge,.explore-rating-badge{display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;font-weight:700;letter-spacing:.02em}.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;display:inline-flex;align-items:center}.slotify-brand-main{font-weight:900;letter-spacing:-.03em;color:inherit}.slotify-brand-sub{font-weight:800;font-size:.72em;letter-spacing:.08em;margin-left:6px;padding:2px 7px;border-radius:6px;background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.35);text-transform:uppercase;display:inline-block;vertical-align:middle}.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(16,185,129,.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(16,185,129,.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{gap:10px}.slotify-logo-container.variant-sidebar .slotify-logo-img{width:38px;height:38px;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.15rem;font-weight:900;color:#fff;display:inline-flex;align-items:center}.slotify-logo-container.variant-sidebar .slotify-brand-main{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.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(16,185,129,.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:#10b981}@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(16,185,129,.05) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(245,158,11,.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(16,185,129,.5),rgba(245,158,11,.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 var(--sidebar-border);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(16,185,129,.02) 35%,rgba(245,158,11,.02) 50%,rgba(16,185,129,.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)}.sidebar-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;position:relative;z-index:1}.logo-text{display:flex;align-items:center;gap:8px}.logo-name{font-size:1.15rem;font-weight:900;color:var(--sidebar-text);letter-spacing:-.02em}.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='%2310B981' 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:#10b9810d;border-color:var(--primary-400)}.pg-select:focus{border-color:var(--primary-500);background-color:#10b98112;box-shadow:0 0 0 3px #10b9811f}.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:#10b9810a;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:color-mix(in srgb,var(--primary-500, #10b981) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-500, #10b981) 24%,transparent);color:var(--primary-500, #10b981);font-weight:700;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-500, #10b981) 16%,transparent)}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary-500, #10b981);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(16,185,129,.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,#10b981,#059669);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 #10b98159}.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 #10b98140,0 0 0 2px #10b9811a;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;overflow:hidden}.sidebar-avatar-enhanced:hover{box-shadow:0 0 25px #10b98166,0 0 0 3px #f59e0b33;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:#10b9811f;color:var(--primary-500, #10b981);border:1px solid rgba(16,185,129,.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, #059669);color:#fff;box-shadow:0 4px 14px #10b98140}.slotify-state-btn-primary:hover{background:var(--primary-700, #047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.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, #10b981)}@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%}}