@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.styled-form-wrapper{width:100%;max-width:1180px;margin:0 auto;padding:32px 0 80px;font-family:Inter,system-ui,sans-serif;color:var(--color-text)}.form-page-head{margin-bottom:28px}.form-page-eyebrow{font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent, #2563eb);margin-bottom:6px;display:flex;align-items:center;gap:6px}.form-page-title{font-size:28px;font-weight:750;color:var(--color-text);letter-spacing:-.4px;line-height:1.2}.form-page-desc{font-size:15px;color:var(--color-muted);margin-top:6px}.form-card{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent 42%),var(--color-surface);border:1px solid var(--color-border);border-radius:18px;margin-bottom:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.form-card-header{padding:18px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:14px;background:color-mix(in srgb,var(--color-surface-muted) 72%,transparent)}.form-card-icon{width:40px;height:40px;border-radius:var(--radius, 10px);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;font-weight:500}.form-card-icon.blue{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.form-card-icon.green{background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success)}.form-card-icon.amber{background:color-mix(in srgb,var(--color-warning) 16%,var(--color-surface));color:var(--color-warning)}.form-card-icon.red{background:color-mix(in srgb,var(--color-danger) 14%,var(--color-surface));color:var(--color-danger)}.form-card-title{font-size:15px;font-weight:750;color:var(--color-text)}.form-card-sub{font-size:13px;color:var(--color-muted);margin-top:2px}.form-card-body{padding:24px}.form-card-body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field-group{display:grid;gap:18px}.form-field-group.col-2{grid-template-columns:repeat(2,1fr)}.form-field-group.col-3{grid-template-columns:repeat(3,1fr)}.form-field-group.col-4{grid-template-columns:repeat(4,1fr)}.form-field-group.span-full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.span-full{grid-column:1 / -1}.form-field-label{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:650;color:var(--color-secondary)}.form-field-required{color:var(--danger, #dc2626);margin-left:2px}.form-field-optional{font-size:12px;color:var(--color-muted)}.form-field-input{width:100%;min-height:44px;border:1.5px solid var(--color-border);border-radius:10px;padding:0 13px;font-size:15px;color:var(--color-text);font-family:inherit;background:var(--color-surface);outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.form-field-input:hover{border-color:var(--color-border-strong)}.form-field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.form-field-input::placeholder{color:var(--color-muted)}.form-textarea{min-height:112px;padding-top:12px;resize:vertical}.form-select-wrap{position:relative}.form-select-wrap .form-field-input{padding-right:40px}.form-select-wrap svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--gray-400, #9ca3af);pointer-events:none}.form-field-error{font-size:12px;color:var(--danger, #dc2626);margin-top:-5px}.form-field-help{font-size:12px;color:var(--color-muted);margin-top:-5px}.form-footer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}.form-footer-note{font-size:13.5px;color:var(--color-muted);display:flex;align-items:center;gap:6px}.form-footer-note i{font-size:15px}.form-footer-actions{display:flex;gap:10px;flex-wrap:wrap}.form-button{padding:10px 20px;border-radius:var(--radius-sm, 6px);font-size:14.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;border:1.5px solid;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.form-button i{font-size:16px}.form-button.primary{background:var(--color-primary);color:var(--color-inverse);border-color:var(--color-primary)}.form-button.primary:hover:not(:disabled){background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.form-button.secondary{background:var(--color-surface);color:var(--color-muted);border-color:var(--color-border)}.form-button.secondary:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border-strong)}.form-button:disabled{opacity:.6;cursor:not-allowed}.form-notice{display:flex;align-items:flex-start;gap:11px;background:var(--accent-bg, #eff6ff);border:1px solid var(--accent-bdr, #bfdbfe);border-radius:var(--radius-sm, 6px);padding:14px 16px;margin-bottom:16px;font-size:14px;color:#1d4ed8;line-height:1.55}.form-notice i{font-size:17px;flex-shrink:0;margin-top:1px}.form-notice.error{background:var(--danger-bg, #fef2f2);border-color:var(--danger-bdr, #fca5a5);color:var(--danger, #dc2626)}.form-notice.success{background:var(--success-bg, #ecfdf5);border-color:var(--success-bdr, #6ee7b7);color:var(--success, #059669)}@media(max-width:640px){.styled-form-wrapper{padding:24px 16px 80px}.form-page-title{font-size:22px}.form-card-body{padding:16px}.form-card-header{padding:14px 16px}.form-field-group.col-2,.form-field-group.col-3,.form-field-group.col-4,.form-card-body-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.form-footer-actions{justify-content:flex-end}.form-button{width:100%}}@media(max-width:400px){.form-button{padding:10px 14px;font-size:14px}}:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--doma-primary: #0EA5E9;--doma-primary-dark: #0284C7;--doma-primary-light: #BAE6FD;--doma-accent: #38BDF8;--doma-dark: #0F172A;--doma-dark-secondary: #1E293B;--doma-surface: #F8FAFC;--doma-card: #FFFFFF;--doma-border: #E2E8F0;--doma-text-primary: #0F172A;--doma-text-secondary: #64748B;--doma-success: #10B981;--doma-warning: #F59E0B;--doma-danger: #EF4444;--doma-info: #3B82F6;--color-primary: #0EA5E9;--color-primary-strong: #0284C7;--color-secondary: #1E293B;--color-accent: #38BDF8;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-muted: #F1F5F9;--color-skeleton-mid: #E2E8F0;--color-sidebar-muted: #94A3B8;--color-sidebar-link: #BAE6FD;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-text: #0F172A;--color-muted: #64748B;--color-inverse: #F8FAFC;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 8%);--shadow-md: 0 12px 28px rgb(15 23 42 / 10%);--shadow-lg: 0 24px 48px rgb(15 23 42 / 16%);--z-sticky: 20;--z-drawer: 40;--z-modal: 60;--z-toast: 80;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--doma-primary: #38BDF8;--doma-primary-dark: #0EA5E9;--doma-primary-light: #0F3B57;--doma-accent: #7DD3FC;--doma-surface: #07111F;--doma-card: #0F1B2D;--doma-border: #26364D;--doma-text-primary: #E5F0FF;--doma-text-secondary: #9EB0C7;--color-primary: #38BDF8;--color-primary-strong: #7DD3FC;--color-secondary: #DDEBFF;--color-accent: #7DD3FC;--color-bg: #07111F;--color-surface: #0F1B2D;--color-surface-muted: #14243A;--color-skeleton-mid: #26364D;--color-sidebar-muted: #8AA3C1;--color-sidebar-link: #D7EEFF;--color-border: #26364D;--color-border-strong: #38506F;--color-text: #E5F0FF;--color-muted: #9EB0C7;--color-inverse: #06101D;--shadow-sm: 0 1px 2px rgb(0 0 0 / 28%);--shadow-md: 0 18px 36px rgb(0 0 0 / 34%);--shadow-lg: 0 28px 60px rgb(0 0 0 / 42%)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);scrollbar-gutter:stable}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;scrollbar-gutter:stable}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}img,svg{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--doma-primary) 45%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh;background:var(--color-bg);transition:grid-template-columns .18s ease}.app-shell.is-collapsed{grid-template-columns:64px minmax(0,1fr)}.content-shell{min-width:0;width:100%;min-height:100vh;display:grid;grid-template-rows:auto 1fr;overflow:visible}.main-content{min-width:0;width:100%;max-width:100%;padding:var(--space-6);overflow-x:hidden}.sidebar{position:sticky;top:0;z-index:var(--z-sticky);display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;overflow:hidden;border-right:1px solid rgb(255 255 255 / 8%);background:var(--color-secondary);color:var(--color-inverse);transition:transform .18s ease,width .18s ease}.brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:auto;padding:var(--space-2) var(--space-3);border-bottom:1px solid rgb(255 255 255 / 8%);background:linear-gradient(180deg,rgb(14 165 233 / 8%),transparent);position:relative}.sidebar-brand-logo-section{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sidebar-brand-logo{width:128px;height:52px;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgb(0 0 0 / 18%))}.sidebar-brand-icon{display:none;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 6px 14px rgb(0 0 0 / 18%))}.brand-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex:0 0 auto}.brand-actions .drawer-close{display:none}.sidebar-scroll{overflow-y:auto;padding:0 var(--space-3) var(--space-3);max-height:calc(100vh - 140px);scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / 20%) transparent}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar.is-collapsed .sidebar-scroll{overflow-y:auto;max-height:calc(100vh - 110px);padding:0 var(--space-2) var(--space-3)}.nav-section{display:grid;gap:var(--space-1);margin-bottom:var(--space-4)}.nav-section p{margin:var(--space-3) var(--space-2) var(--space-1);color:var(--color-sidebar-muted);font-size:12px;font-weight:800;text-transform:uppercase}.nav-section a,.nav-group-trigger,.collapse-button{display:flex;align-items:center;gap:var(--space-3);min-height:44px;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--color-sidebar-link);padding:0 var(--space-3);transition:background .16s ease,color .16s ease}.nav-section a:hover,.nav-section a.active,.nav-group-trigger:hover,.collapse-button:hover{background:#ffffff1a;color:var(--color-inverse)}.nav-section a.active{box-shadow:inset 3px 0 0 var(--color-primary)}.nav-section svg,.nav-group-trigger svg,.collapse-button svg{flex:0 0 18px}.nav-group{display:grid;gap:2px}.nav-group-trigger{width:100%;cursor:pointer;font:inherit;text-align:left}.nav-group-trigger svg:last-child{margin-left:auto;transition:transform .16s ease}.nav-group-trigger svg:last-child.is-open{transform:rotate(180deg)}.nav-submenu{display:grid;gap:2px;margin:0 0 var(--space-1) 32px;padding-left:var(--space-2);border-left:1px solid rgb(255 255 255 / 12%)}.nav-submenu a{min-height:34px;border-radius:var(--radius);padding:0 var(--space-2);font-size:13px}.collapse-icon{display:inline-grid;place-items:center;min-width:40px;min-height:40px;width:40px;height:40px;border:1.5px solid rgb(255 255 255 / 25%);border-radius:var(--radius-lg);background:#ffffff1f;color:#fffffff2;transition:all .2s ease;flex:0 0 auto;padding:0}.collapse-icon:hover{background:#0ea5e940;border-color:var(--doma-primary);color:var(--doma-primary);transform:scale(1.08);box-shadow:0 0 12px #0ea5e933}.collapse-icon svg{flex:0 0 18px;transition:transform .2s ease}.sidebar-footer{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:var(--space-2);border-top:1px solid rgb(255 255 255 / 10%);padding:var(--space-3) var(--space-3)}.is-collapsed .sidebar-footer{justify-content:center;padding:var(--space-3) var(--space-2)}.sidebar-user{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0;width:100%}.sidebar-user div{min-width:0;display:grid;gap:2px;flex:1}.sidebar-user strong{color:#fff;font-size:13px;line-height:1.25}.sidebar-user strong,.sidebar-user span,.nav-section a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-user span{color:var(--color-sidebar-muted);font-size:12px}.signout-button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#ef4444;padding:0;font-size:11px;font-weight:600;cursor:pointer;transition:color .16s ease;margin-top:4px;margin-bottom:0;white-space:nowrap}.signout-button:hover{color:#dc2626}.signout-button svg{flex:0 0 14px}.sidebar-logout-icon{display:inline-flex;width:40px;height:40px;border:0;border-radius:var(--radius-lg);background:transparent;color:#ef4444;padding:0;cursor:pointer;transition:all .16s ease;align-items:center;justify-content:center;flex:0 0 auto}.sidebar-logout-icon:hover{background:#ef44441a;color:#dc2626}.sidebar-logout-icon svg{flex:0 0 18px}.drawer-close,.drawer-scrim{display:none}.is-collapsed .brand{justify-content:center;padding:var(--space-3) var(--space-2);gap:var(--space-1)}.is-collapsed .sidebar-brand-logo-section{display:none}.is-collapsed .sidebar-brand-logo{width:40px;height:40px}.is-collapsed .brand-actions{position:static;justify-content:center;gap:0}.is-collapsed .collapse-icon{min-width:32px;min-height:32px;width:32px;height:32px}.is-collapsed .nav-section p,.is-collapsed .nav-section a span,.is-collapsed .sidebar-user{display:none}.is-collapsed .sidebar-logout-icon{display:inline-grid;place-items:center}.is-collapsed .collapse-icon svg{transform:rotate(180deg)}.is-collapsed .nav-section a{justify-content:center;padding:0}.is-collapsed .nav-group{display:contents}.topbar{position:sticky;top:0;z-index:calc(var(--z-sticky) + 5);display:grid;grid-template-columns:auto minmax(120px,auto) minmax(220px,520px) auto;align-items:center;gap:var(--space-4);min-height:var(--space-16);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);padding:0 var(--space-6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-self:start;box-shadow:0 1px color-mix(in srgb,var(--color-border) 80%,transparent),0 10px 24px #0f172a14;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;animation:topbar-enter .18s ease-out}@keyframes topbar-enter{0%{transform:translateY(-6px);opacity:.96}to{transform:translateY(0);opacity:1}}.topbar-title{display:grid;gap:var(--space-1);min-width:0}.topbar-title strong{font-size:18px}.topbar-title strong:first-letter{font-size:1.28em;line-height:1}.topbar-title span{color:var(--color-muted);font-size:13px}.menu-button{display:none!important}.global-search{position:relative;display:flex;align-items:center;gap:var(--space-2);min-width:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);padding:0 var(--space-4);color:var(--color-muted);box-shadow:0 1px 2px #0f172a0d;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.theme-toggle{color:var(--color-muted)}.global-search input{width:100%;height:44px;border:0;background:transparent;padding:0;color:var(--color-text);outline:none}.global-search input::placeholder{color:#94a3b8}.global-search:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #2563eb1f,0 10px 24px #0f172a14}.search-popover,.notifications-popover{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-modal);width:min(420px,calc(100vw - 32px));max-height:420px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.search-popover{left:0;right:auto;width:100%;min-width:min(420px,calc(100vw - 32px));border-radius:16px;padding:var(--space-2)}.search-popover a,.notification-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border)}.search-popover a:hover,.notification-row:hover{background:var(--color-surface-muted)}.search-popover a{border-radius:12px}.search-popover a:last-child,.notification-row:last-child{border-bottom:0}.search-popover span,.notification-row a{display:grid;gap:3px;min-width:0;color:inherit;text-decoration:none}.search-popover strong,.notification-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.search-popover small,.notification-row span,.popover-empty{color:var(--color-muted);font-size:12px}.popover-empty{padding:var(--space-4)}.settings-company-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8fafc);padding:var(--space-5);box-shadow:var(--shadow-sm)}.settings-company-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:24px;font-weight:800;box-shadow:inset 0 0 0 1px #fff3}.settings-company-main{display:grid;gap:var(--space-2);min-width:0}.settings-company-main h2{margin:0;color:var(--color-text);font-size:22px}.settings-company-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-muted);font-size:13px}.settings-company-meta span{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.settings-company-status span{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;border:1px solid #bbf7d0;background:#f0fdf4;color:#047857;padding:0 var(--space-3);font-size:12px;font-weight:800}.settings-company-editor{display:grid;gap:var(--space-5);margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;padding:var(--space-5);box-shadow:var(--shadow-sm)}.settings-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-editor-head h2{margin:0;color:var(--color-text);font-size:20px}.settings-editor-head p{max-width:720px;margin:var(--space-1) 0 0;color:var(--color-muted);line-height:1.55}.settings-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.settings-company-grid .span-2{grid-column:1 / -1}.settings-save-wide{min-width:140px;justify-content:center}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.icon-button{position:relative;display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:inherit;transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover{border-color:var(--color-border);background:var(--color-surface-muted)}.icon-button.danger{color:var(--color-danger)}.notification-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--color-danger)}.notifications-menu{position:relative}.notification-count{position:absolute;top:5px;right:5px;display:inline-grid;min-width:18px;height:18px;place-items:center;border:2px solid var(--color-surface);border-radius:999px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:800;line-height:1}.notifications-popover{width:min(380px,calc(100vw - 32px))}.notifications-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.notifications-head a{color:var(--doma-primary);font-size:12px;font-weight:800;text-decoration:none}.notification-row{align-items:flex-start}.notification-row.is-unread{background:#0ea5e90f}.notification-row button{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--doma-primary);cursor:pointer}.topbar-divider{width:1px;height:30px;background:var(--color-border)}.user-menu{position:relative;min-width:0}.avatar-button{display:flex;align-items:center;gap:var(--space-2);max-width:190px;min-height:44px;min-width:44px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:0 var(--space-2);overflow:hidden}.avatar-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-modal);display:grid;min-width:180px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);padding:var(--space-2)}.dropdown-menu a,.dropdown-menu button{display:flex;align-items:center;gap:var(--space-2);min-height:40px;border:0;border-radius:var(--radius-md);background:transparent;padding:0 var(--space-2);text-align:left;color:var(--color-text);text-decoration:none}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--color-surface-muted)}.company-scope-control{display:grid;gap:6px;min-width:280px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.company-scope-control span{font-size:12px;font-weight:800;color:var(--color-muted);text-transform:uppercase}.company-scope-control select{min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text);padding:0 12px;font-weight:700}.page-title-row .form-footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}.list-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-4)}.list-controls .field{flex:0 0 clamp(150px,15vw,210px);min-width:150px}.list-controls .field:first-child{flex:1 1 clamp(260px,28vw,430px);min-width:min(100%,260px)}.list-controls .searchable-select,.list-controls .searchable-select-trigger,.list-controls input{width:100%}.list-filter-actions .button{width:auto;justify-content:center;white-space:nowrap}.list-filter-button-row{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end;white-space:nowrap}.report-actions-menu{position:relative}.report-actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-modal);display:grid;min-width:220px;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.report-actions-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.report-actions-dropdown button:hover{background:var(--color-surface-muted)}.record-detail-layout{display:grid;gap:var(--space-4)}.record-detail-layout.polished{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.record-detail-title{padding:var(--space-5);border:1px solid color-mix(in srgb,var(--doma-primary) 14%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 10%,transparent),transparent 56%),var(--color-surface);box-shadow:var(--shadow-sm)}.detail-summary-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.detail-summary-item{display:grid;gap:var(--space-1);align-content:start;min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--doma-primary) 16%,var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 8%,transparent),transparent 58%),var(--color-surface);box-shadow:var(--shadow-sm)}.detail-summary-item span{color:var(--color-muted);font-size:12px;font-weight:800;text-transform:uppercase}.detail-summary-item strong{min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.35}.detail-grid.polished{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-surface-muted) 62%,var(--color-surface)));box-shadow:var(--shadow-sm)}.detail-image-value{display:grid;gap:var(--space-2)}.detail-image-value img{width:min(100%,260px);aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.detail-image-value a{color:var(--doma-primary);font-size:13px;font-weight:800;text-decoration:none}.page{display:grid;gap:var(--space-6);max-width:1440px;margin:0 auto}.page.narrow{max-width:780px;margin-inline:0}.page-title-row{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.page-title-row p{max-width:760px;margin:var(--space-2) 0 0;color:var(--color-muted)}.eyebrow{margin:0 0 var(--space-1)!important;color:var(--doma-primary)!important;font-size:12px;font-weight:800;text-transform:uppercase}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:var(--space-3)}.filters-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.search-box{flex:1;position:relative;min-width:300px;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#9ca3af;pointer-events:none;flex-shrink:0}.search-box input{width:100%;padding:10px 12px 10px 38px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;color:#111;outline:none;background:#fff;transition:border-color .15s;font-family:inherit}.search-box input:focus{border-color:#1a6ef5}.search-box input::placeholder{color:#b0b7c3}.filter-select{padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .15s;font-family:inherit;min-height:40px}.filter-select:focus{border-color:#1a6ef5}.filter-select:hover{border-color:#c4cad6}.btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;font-weight:500;transition:background .15s;font-family:inherit}.btn-ghost:hover{background:#f9fafb;border-color:#c4cad6}.btn-ghost svg{width:16px;height:16px;flex-shrink:0}input{width:100%;min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-3)}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-10)}textarea{min-height:120px;padding-block:var(--space-3);resize:vertical}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:var(--color-surface-muted);color:var(--color-muted)}.field{display:grid;gap:var(--space-2);color:var(--color-secondary);font-weight:700;text-transform:capitalize}.field small{color:var(--color-muted);font-size:12px;font-weight:500;text-transform:none}.field.has-error input,.field.has-error select,.field.has-error textarea,.field.has-error .searchable-select-trigger{border-color:var(--color-danger)}.field.has-error small{color:var(--color-danger)}.searchable-select{position:relative;width:100%;text-transform:none}.searchable-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") right var(--space-3) center / 16px no-repeat,var(--color-surface);color:var(--color-text);padding:0 var(--space-10) 0 var(--space-3);text-align:left;font-weight:600}.searchable-select-trigger:disabled{cursor:not-allowed;background-color:var(--color-surface-muted);color:var(--color-muted)}.searchable-select-trigger .is-placeholder{color:var(--color-muted);font-weight:600}.searchable-select-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;display:grid;gap:8px;max-height:310px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:10px}.searchable-select-menu.searchable-select-menu--portal{z-index:calc(var(--z-toast) + 180);min-width:min(260px,calc(100vw - 24px));overflow:hidden}.searchable-select-search{min-height:38px;border-radius:var(--radius-md);font-weight:600}.searchable-select-options{display:grid;gap:4px;max-height:var(--select-options-max-height, 220px);overflow-y:auto}.searchable-select-option{width:100%;min-height:36px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);padding:8px 10px;text-align:left;font-weight:600}.searchable-select-option:hover,.searchable-select-option.is-selected{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.searchable-select-empty{padding:10px;color:var(--color-muted);font-size:13px;font-weight:600}.searchable-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.input-shell{position:relative;display:flex;align-items:center}.input-shell svg{position:absolute;left:var(--space-3);color:var(--color-muted);pointer-events:none}.input-shell svg+input{padding-left:var(--space-10)}.password-field{position:relative;display:grid}.password-toggle{position:absolute;right:var(--space-1);bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-weight:800;padding:0 var(--space-4);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{border-color:var(--color-primary);transform:translateY(-1px)}.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-inverse)}.button.primary:hover{border-color:var(--color-primary-strong);background:var(--color-primary-strong)}.button.secondary{background:var(--color-surface)}.button.ghost{border-color:transparent;background:transparent}.button.danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-inverse)}.button.sm{min-height:36px;padding:0 var(--space-3);font-size:14px}.button.lg{min-height:48px;padding:0 var(--space-6);font-size:18px}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.spin{animation:spin .9s linear infinite}.panel,.table-wrap,.detail-grid,.form-grid,.auth-card,.mobile-record,.metric-card,.kpi-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.panel{padding:var(--space-6)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-header h2{margin:0;font-size:18px}.table-wrap{overflow-x:auto}table{width:100%;min-width:820px;border-collapse:collapse}th,td{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle}th{background:var(--color-surface-muted);color:var(--color-muted);font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap}th button{display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:inherit;font-weight:inherit;text-transform:inherit}tbody tr:hover{background:color-mix(in srgb,var(--doma-primary) 5%,var(--color-surface))}.row-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mobile-list{display:none}.mobile-record{display:grid;gap:var(--space-3);padding:var(--space-4)}.mobile-record>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-record p{display:flex;justify-content:space-between;gap:var(--space-3);margin:0;color:var(--color-muted)}.mobile-record b{color:var(--color-text);overflow-wrap:anywhere;text-align:right}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-secondary);font-size:12px;font-weight:900;padding:0 var(--space-2)}.badge.success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success)}.badge.warning{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning)}.badge.danger{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.badge.info{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface));color:var(--color-accent)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:var(--doma-primary);color:var(--color-inverse);font-weight:900;line-height:1;text-align:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-md{width:34px;height:34px;font-size:13px}.avatar-lg{width:44px;height:44px;font-size:16px}.form-grid{display:grid;gap:var(--space-4);padding:var(--space-6)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.settings-shell{max-width:960px;display:grid;gap:var(--space-4)}.settings-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-group-header{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface-muted);border:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-group-title{display:flex;align-items:center;gap:var(--space-3);min-width:0;font-weight:800}.settings-group-title small{color:var(--color-muted);font-size:12px;font-weight:700}.settings-group-icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--radius-md)}.settings-group-icon.blue{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.settings-group-icon.green{background:color-mix(in srgb,var(--color-success) 14%,var(--color-surface));color:var(--color-success)}.settings-group-icon.amber{background:color-mix(in srgb,var(--color-warning) 16%,var(--color-surface));color:var(--color-warning)}.settings-group-icon.purple{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));color:var(--color-accent)}.settings-group-body{display:grid}.settings-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.settings-row label{display:block;margin-bottom:var(--space-1);color:var(--color-primary);font-weight:800}.settings-row p{margin:0;color:var(--color-muted);font-size:12px}.settings-control{min-width:0}.settings-input{width:100%;min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);background:#fff}.settings-json{min-height:110px;padding:var(--space-3);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.settings-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;color:var(--color-secondary)}.settings-toggle input{width:18px;min-height:18px}.settings-save{height:38px;border:0;border-radius:var(--radius-md);padding:0 var(--space-4);background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:800}.settings-save:disabled{background:var(--color-border);color:var(--color-muted);cursor:default}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;overflow:hidden;background:var(--color-border)}.detail-grid.polished{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3);overflow:visible}.detail-item{display:grid;gap:var(--space-2);min-width:0;background:var(--color-surface);padding:var(--space-4)}.detail-grid.polished .detail-item{align-content:start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 1px #0f172a08}.detail-grid.polished .detail-item:hover{border-color:color-mix(in srgb,var(--doma-primary) 22%,var(--color-border));box-shadow:0 10px 24px #0f172a12;transform:translateY(-1px)}.detail-item span{color:var(--color-muted);font-size:12px;font-weight:900;text-transform:uppercase}.detail-item strong{overflow-wrap:anywhere;line-height:1.45}.image-field-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--space-3);align-items:stretch}.image-field-preview,.image-field-empty{width:132px;min-height:112px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted)}.image-field-preview{object-fit:cover}.image-field-empty{display:grid;place-items:center;color:var(--color-muted);font-size:13px;font-weight:800;text-align:center;padding:var(--space-3)}.image-field-inputs{display:grid;gap:var(--space-2);align-content:center}.alert{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-weight:700;box-shadow:var(--shadow-sm)}.alert.error{border:1px solid color-mix(in srgb,var(--color-danger) 38%,var(--color-border));border-left:5px solid var(--color-danger);background:linear-gradient(90deg,color-mix(in srgb,var(--color-danger) 16%,var(--color-surface)),var(--color-surface));color:var(--color-text)}.alert.error svg{color:var(--color-danger)}.alert.success{border:1px solid color-mix(in srgb,var(--color-success) 38%,white);border-left:5px solid var(--color-success);background:linear-gradient(90deg,color-mix(in srgb,var(--color-success) 16%,white),#fff);color:#065f46}.toast{position:fixed;top:calc(var(--space-4) + env(safe-area-inset-top));right:var(--space-4);z-index:var(--z-toast);display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-3);width:min(420px,calc(100vw - 32px));padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-weight:800;line-height:1.45;color:var(--color-text);background:var(--color-surface);will-change:opacity,transform;animation:toastIn .26s cubic-bezier(.16,1,.3,1)}.toast.closing{pointer-events:none;animation:toastOut .26s cubic-bezier(.7,0,.84,0) forwards}.toast:focus{outline:3px solid color-mix(in srgb,var(--color-primary) 28%,transparent);outline-offset:3px}.toast-close{width:30px;height:30px;border:0;border-radius:var(--radius-md);background:transparent;color:currentColor;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.72}.toast-close:hover{background:#0f172a14;opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate3d(16px,-10px,0) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate3d(18px,-10px,0) scale(.97)}}.toast.success{border-color:color-mix(in srgb,var(--color-success) 46%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 18%,white),#fff 58%);color:#064e3b}.toast.success svg{color:var(--color-success)}.toast.error{border-color:color-mix(in srgb,var(--color-danger) 46%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 18%,white),#fff 58%);color:#7f1d1d}.toast.error svg{color:var(--color-danger)}.toast.info{border-color:color-mix(in srgb,var(--color-info) 40%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 14%,white),#fff 58%);color:#1e3a8a}.toast.info svg{color:var(--color-info)}@media(max-width:640px){.toast{top:calc(var(--space-3) + env(safe-area-inset-top));right:var(--space-3);left:var(--space-3);width:auto}.alert-retry{margin-left:auto;flex:0 0 auto}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);flex-wrap:wrap;padding:14px 20px;border-top:1.5px solid #f0f2f5;background:#f8f9fb}.pagination>div{display:flex;align-items:center;gap:var(--space-3)}.pagination span{font-size:13px;color:#9ca3af}.pagination select{padding:7px 12px;border:1.5px solid #d1d5db;border-radius:7px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.pagination select:focus{border-color:#1a6ef5}.pagination strong{color:var(--color-text);font-weight:600}.pagination button{min-width:32px;height:32px;padding:0 8px;border:1.5px solid #e5e7eb;border-radius:7px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.pagination button:hover:not(:disabled){background:#f0f2f6}.pagination button.active{background:#1a6ef5;color:#fff;border-color:#1a6ef5}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pg-info{font-size:13px;color:#9ca3af}.pg-right{display:flex;align-items:center;gap:12px}.pg-size{padding:7px 12px;border:1.5px solid #d1d5db;border-radius:7px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.pg-btns{display:flex;gap:4px}.pg-btn{min-width:32px;height:32px;padding:0 8px;border:1.5px solid #e5e7eb;border-radius:7px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.pg-btn:hover:not(:disabled){background:#f0f2f6}.pg-btn.active{background:#1a6ef5;color:#fff;border-color:#1a6ef5}.pg-btn:disabled{cursor:not-allowed;opacity:.5}.status-badge.status-inactive,.status-badge.status-pending{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.status-badge.status-maintenance,.status-badge.status-archived{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.status-badge.status-occupied,.status-badge.status-available,.status-badge.status-vacant{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.status-badge.status-expired,.status-badge.status-terminated,.status-badge.status-unpaid{background:color-mix(in srgb,var(--doma-danger) 12%,white);color:var(--doma-danger)}.status-badge.status-paid{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.status-badge.status-void{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.status-badge.status-completed{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.status-badge.status-reversed{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.status-badge.status-tenant-status-active{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.status-badge.status-tenant-status-inactive{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.status-badge .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-right:6px}.status-badge.status-active .dot{background:var(--doma-success)}.status-badge.status-inactive .dot,.status-badge.status-maintenance .dot,.status-badge.status-archived .dot{background:var(--doma-warning)}.status-badge.status-overdue .dot{background:var(--doma-danger)}.status-badge.status-occupied .dot,.status-badge.status-available .dot,.status-badge.status-vacant .dot,.status-badge.status-paid .dot,.status-badge.status-completed .dot{background:var(--doma-success)}.status-badge.status-expired .dot,.status-badge.status-terminated .dot,.status-badge.status-unpaid .dot{background:var(--doma-danger)}.status-badge.status-void .dot,.status-badge.status-reversed .dot,.status-badge.status-pending .dot,.status-badge.status-tenant-status-inactive .dot{background:var(--doma-warning)}.status-badge.status-tenant-status-active .dot{background:var(--doma-success)}.empty-state{display:grid;place-items:center;gap:var(--space-2);min-height:180px;color:var(--color-muted);text-align:center}.empty-state strong{color:var(--color-text)}.skeleton-stack{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4)}.skeleton-line{height:24px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-muted),var(--color-skeleton-mid),var(--color-surface-muted));background-size:200% 100%;animation:shimmer 1.1s linear infinite}.skeleton-line:nth-child(2n){width:82%}.skeleton-line:nth-child(3n){width:64%}@keyframes shimmer{to{background-position:-200% 0}}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.kpi-card{display:grid;gap:var(--space-3);padding:var(--space-4)}.kpi-card div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.kpi-card div>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-primary) 10%,white);color:var(--color-primary)}.kpi-card strong{font-size:28px}.kpi-card p{margin:0;color:var(--color-muted);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--space-4)}.line-chart{width:100%;height:180px;color:var(--color-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 8%,white),transparent);border-radius:var(--radius-lg);padding:var(--space-3)}.metric-row,.activity-item{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3)}.metric-row span,.activity-item span{color:var(--color-muted)}.bar-chart{display:grid;gap:var(--space-3)}.bar-row{display:grid;grid-template-columns:96px minmax(0,1fr) 44px;align-items:center;gap:var(--space-3)}.bar-row span{color:var(--color-muted);font-size:13px}.bar-row div{height:10px;border-radius:999px;background:var(--color-surface-muted);overflow:hidden}.bar-row i{display:block;height:100%;border-radius:inherit;background:var(--doma-primary)}.quick-actions,.report-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.metric-card{display:grid;gap:var(--space-2);min-width:220px;padding:var(--space-4)}.metric-card span{color:var(--color-muted);font-weight:800;text-transform:uppercase;font-size:12px}.metric-card strong{font-size:24px;overflow-wrap:anywhere}.business-page{display:grid;gap:var(--space-6)}.business-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;border:1px solid color-mix(in srgb,var(--doma-primary) 14%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 8%,transparent),transparent 55%),var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.business-hero__content{display:grid;gap:var(--space-2);min-width:0}.business-hero__title-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.business-hero__title-row h1{margin:0;font-size:32px;line-height:1.1}.business-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.business-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.business-stat{display:grid;gap:var(--space-2);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-surface-muted) 58%,var(--color-surface)));box-shadow:var(--shadow-sm);min-height:150px;padding:var(--space-5)}.business-stat__icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--doma-primary)}.business-stat>span,.business-info span{color:var(--color-muted);font-size:12px;font-weight:900;text-transform:uppercase}.business-stat strong{font-size:24px;overflow-wrap:anywhere}.business-stat small{color:var(--color-muted);font-size:14px}.business-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.business-section{display:grid;gap:var(--space-4);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.business-section__header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:start}.business-section__header h2{margin:0;font-size:18px}.business-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);background:transparent;border-radius:var(--radius-md);overflow:visible}.business-info{display:grid;gap:var(--space-2);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.business-info strong{overflow-wrap:anywhere;line-height:1.45}.business-list{display:grid;gap:var(--space-3)}.business-list__item{display:grid;gap:var(--space-3);min-width:0;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1px #0f172a08;border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-4)}.business-list__title,.business-list__heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0}.business-list__title strong,.business-list__heading strong{overflow-wrap:anywhere}.business-list__meta{display:grid;gap:var(--space-2)}.business-list__meta p{display:flex;justify-content:space-between;gap:var(--space-3);margin:0;color:var(--color-muted)}.business-list__meta b{color:var(--color-text);text-align:right;overflow-wrap:anywhere}.business-empty{display:grid;gap:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);color:var(--color-muted)}.business-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.business-action{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-4);color:inherit;text-decoration:none}.business-action>div{display:grid;gap:var(--space-1);min-width:0}.business-action span{color:var(--color-muted)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;background:#0f172a94;padding:clamp(20px,5vh,40px) var(--space-4);overflow-y:auto;overscroll-behavior:contain}.modal{display:flex;flex-direction:column;width:min(640px,100%);overflow:visible;padding:var(--space-5);box-shadow:var(--shadow-lg);margin:0 0 clamp(20px,5vh,40px);scroll-margin-top:clamp(20px,5vh,40px)}.modal.reset-password-modal,.panel.modal.reset-password-modal{width:min(720px,100%)}.modal.delete-dialog,.panel.modal.delete-dialog{width:min(560px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-header h2{margin:0;font-size:20px}.modal-scroll-body{min-height:0;overflow:visible;padding-right:2px}.modal-copy{margin:0 0 var(--space-4);color:var(--color-muted);line-height:1.55}.modal-copy strong{color:var(--color-text)}.reset-password-modal{display:grid;gap:var(--space-4)}.form-grid.single{grid-template-columns:1fr}.modal-actions{justify-content:flex-end;margin-top:var(--space-1)}.delete-dialog-body{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--doma-danger) 24%,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-danger) 7%,white)}.delete-dialog-body strong{display:block;margin-bottom:4px;color:var(--color-text)}.delete-dialog-body p{margin:0;color:var(--color-muted);line-height:1.55}.delete-dialog-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-danger) 13%,white);color:var(--doma-danger)}.action-dialog-body{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--doma-primary) 22%,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-primary) 6%,white)}.action-dialog-body strong{display:block;margin-bottom:4px;color:var(--color-text)}.action-dialog-body p{margin:0;color:var(--color-muted);line-height:1.55}.action-dialog-body small{display:block;margin-top:8px;color:var(--color-muted)}.action-dialog-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-primary) 12%,white);color:var(--doma-primary)}.action-modal-fields{margin-top:var(--space-2)}.lease-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.read-only-fact{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.read-only-fact span{display:block;margin-bottom:4px;color:var(--color-muted);font-size:12px;font-weight:800;text-transform:uppercase}.read-only-fact strong{display:block;overflow-wrap:anywhere;color:var(--color-text)}.auth-page{color-scheme:light;--color-primary: #0EA5E9;--color-primary-strong: #0284C7;--color-secondary: #1E293B;--color-accent: #38BDF8;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-muted: #F1F5F9;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-text: #0F172A;--color-muted: #64748B;--color-inverse: #F8FAFC;display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,rgb(14 165 233 / 10%),transparent 35%),linear-gradient(315deg,rgb(2 132 199 / 10%),transparent 40%),var(--color-bg);padding:var(--space-6)}.auth-card{display:grid;gap:var(--space-4);width:min(440px,100%);padding:var(--space-8)}.auth-brand{display:flex;align-items:center;gap:var(--space-3);font-size:20px;font-weight:900}.auth-brand img{width:48px;height:48px;border-radius:var(--radius-lg);object-fit:contain}.auth-card h1{margin:0;font-size:32px}.auth-card p{margin:var(--space-1) 0 0;color:var(--color-muted)}.auth-links{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--doma-primary);font-weight:800}@media(max-width:1023px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:var(--z-drawer);width:280px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.modal-check-grid{display:grid;gap:8px;max-height:min(320px,42vh);overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.boolean-field.is-selected{border-color:color-mix(in srgb,var(--color-primary) 48%,white);background:color-mix(in srgb,var(--color-primary) 7%,white)}.sidebar.is-open{transform:translate(0)}.sidebar.is-collapsed .brand span,.sidebar.is-collapsed .nav-section p,.sidebar.is-collapsed .nav-section a span,.sidebar.is-collapsed .sidebar-user div,.sidebar.is-collapsed .collapse-button span{display:block}.sidebar.is-collapsed .brand{justify-content:flex-start;padding:var(--space-3)}.sidebar.is-collapsed .nav-section a,.sidebar.is-collapsed .collapse-button{justify-content:flex-start;padding:0 var(--space-3)}.collapse-button,.collapse-icon{display:none}.drawer-close{display:inline-grid;margin-left:auto}.brand-actions .drawer-close{display:inline-grid}.drawer-scrim{position:fixed;inset:0;z-index:calc(var(--z-drawer) - 1);display:block;border:0;background:#0f172a7a;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-scrim.is-visible{opacity:1;pointer-events:auto}.menu-button{display:inline-grid!important}.topbar{grid-template-columns:auto minmax(120px,1fr) auto;padding:0 var(--space-4)}.global-search{display:none}.dashboard-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.main-content{padding:var(--space-3);padding-bottom:var(--space-6)}.topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:56px;gap:var(--space-2);padding:0 var(--space-3)}.topbar-actions{min-width:0}.topbar-divider{display:none}.topbar-title span,.avatar-button>span:not(.avatar){display:none}.topbar-title strong{font-size:16px}.avatar-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;justify-content:center}.avatar-button .avatar{width:32px;height:32px}.notifications-menu .icon-button{min-width:40px;min-height:40px}.dropdown-menu{max-width:calc(100vw - 24px)}.list-controls{grid-template-columns:1fr}.list-filter-actions .button,.report-actions-menu,.report-actions-menu .button{width:100%}.report-actions-dropdown{left:0;right:0}.settings-company-card{grid-template-columns:auto minmax(0,1fr)}.settings-company-status{grid-column:1 / -1}.settings-editor-head{display:grid}.settings-save-wide{width:100%}.settings-company-grid{grid-template-columns:1fr}.settings-company-grid .span-2{grid-column:auto}.page{gap:var(--space-4)}.page-title-row{display:grid;gap:var(--space-3)}.page-title-row h1{font-size:24px}.record-detail-title{padding:var(--space-4)}.detail-summary-panel,.detail-grid.polished{grid-template-columns:1fr}.detail-grid.polished{padding:var(--space-3)}.image-field-row{grid-template-columns:1fr}.image-field-preview,.image-field-empty{width:100%}.modal{padding:var(--space-4)}.modal-actions{display:grid;grid-template-columns:1fr}.lease-preview-grid,.toolbar{grid-template-columns:1fr}.toolbar .button{width:100%}.table-wrap{display:none}.mobile-list{display:grid;gap:var(--space-3)}.pagination{justify-content:stretch;flex-wrap:wrap}.pagination .button{flex:1}.kpi-grid{grid-template-columns:1fr}.form-actions{display:grid;grid-template-columns:1fr}.form-actions .button{width:100%}.auth-page{padding:var(--space-3)}.auth-card{padding:var(--space-5)}.auth-links{display:grid}.business-hero{grid-template-columns:1fr;padding:var(--space-4)}.business-hero__title-row h1{font-size:24px}.business-hero__actions{justify-content:stretch}.business-hero__actions>*{width:100%}.business-stats,.business-info-grid,.business-layout{grid-template-columns:1fr}.business-section{padding:var(--space-4)}.business-section__header,.business-list__title,.business-list__heading,.business-list__meta p{display:grid;gap:var(--space-2)}.business-list__meta b{text-align:left}}@media(max-width:425px){.topbar-actions{gap:var(--space-1)}.topbar-title strong{font-size:15px}.icon-button,.avatar-button{min-width:40px;min-height:40px}.kpi-card strong{font-size:24px}.bar-row{grid-template-columns:80px minmax(0,1fr) 40px}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-6)}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.page-title-row h1{margin:0;font-size:32px;line-height:1.2}.page-title-row p{margin:var(--space-2) 0 0;color:var(--color-muted)}.page-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.maintenance-list{padding:var(--space-4)}.dashboard-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.dashboard-page-header>div:first-child{display:grid;gap:var(--space-2)}.page-header-label{color:var(--doma-primary);font-size:12px;font-weight:800;text-transform:uppercase}.page-header-sub{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:14px}.page-header-greeting{margin:var(--space-2) 0;color:var(--doma-text-secondary);font-size:16px;font-weight:500}.quick-actions-new{display:flex;gap:var(--space-3);flex-wrap:wrap}.quick-actions-new .button{white-space:nowrap}.sub-banner-new{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgb(14 165 233 / 8%),transparent);padding:var(--space-5) var(--space-6)}.sub-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.sub-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-primary) 15%,white);color:var(--doma-primary)}.sub-title{font-weight:700;color:var(--color-text)}.sub-meta{margin-top:var(--space-1);font-size:13px;color:var(--color-muted)}.sub-stats{display:flex;gap:var(--space-8);flex-wrap:wrap}.sub-stat{display:grid;gap:var(--space-1);text-align:center}.sub-stat-val{font-size:20px;font-weight:800;color:var(--color-text)}.sub-stat-label{font-size:12px;font-weight:700;color:var(--color-muted)}.metric-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.metric-card-new{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:all .16s ease}.metric-card-new:hover{border-color:color-mix(in srgb,var(--doma-primary) 40%,transparent);box-shadow:0 8px 16px #0ea5e91f;transform:translateY(-2px)}.metric-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.metric-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-primary) 12%,white);color:var(--doma-primary)}.pill-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.pill-badge.up{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.pill-badge.down{background:color-mix(in srgb,var(--doma-danger) 12%,white);color:var(--doma-danger)}.pill-badge.neutral{background:color-mix(in srgb,var(--doma-warning) 12%,white);color:var(--doma-warning)}.metric-card-label{font-size:13px;font-weight:700;color:var(--color-muted);text-transform:uppercase}.metric-card-value{font-size:28px;font-weight:900;color:var(--color-text)}.metric-card-meta{font-size:13px;color:var(--color-muted)}.three-col-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.three-col-layout,.two-col-layout{align-items:start}.three-col-layout.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.panel-new{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel-new.stretch{align-self:stretch;display:flex;flex-direction:column}.panel-new.stretch .panel-body-new{flex:1}.panel-header-new{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.panel-header-new>div:first-child{display:grid;gap:var(--space-1);flex:1}.panel-header-eyebrow{color:var(--doma-primary);font-size:11px;font-weight:800;text-transform:uppercase}.panel-header-new h3{margin:0;font-size:18px;color:var(--color-text)}.view-all-link{color:var(--color-muted);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.view-all-link:hover{color:var(--doma-primary)}.panel-body-new{display:grid;gap:var(--space-4)}.mini-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.mini-stat{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.mini-stat-label{font-size:12px;font-weight:700;color:var(--color-muted);text-transform:uppercase}.mini-stat-val{font-size:18px;font-weight:800}.progress-items{display:grid;gap:var(--space-4)}.progress-item-new{display:grid;gap:var(--space-2)}.progress-header-new{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.progress-bar-new{height:8px;border-radius:999px;background:var(--color-surface-muted);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;transition:width .3s ease}.maint-item-new{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.maint-icon-new{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--doma-danger) 12%,white);color:var(--doma-danger)}.maint-icon-new.urgent{background:color-mix(in srgb,var(--doma-danger) 12%,white);color:var(--doma-danger)}.maint-body-new{display:grid;gap:var(--space-1);min-width:0}.maint-title-new{font-size:13px;font-weight:700;color:var(--color-text)}.maint-sub-new{font-size:12px;color:var(--color-muted)}.maint-meta-new{font-size:11px;color:var(--color-muted)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.status-active{background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.status-badge.status-overdue{background:color-mix(in srgb,var(--doma-danger) 12%,white);color:var(--doma-danger)}.lease-item-new{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.lease-avatar-new{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--doma-primary);color:#fff;font-weight:800;font-size:14px}.lease-info-new{display:grid;gap:var(--space-1);flex:1;min-width:0}.lease-name-new{font-size:13px;font-weight:700;color:var(--color-text)}.lease-unit-new{font-size:12px;color:var(--color-muted)}.lease-days-new{display:inline-block;font-size:13px;font-weight:700;color:var(--doma-danger);white-space:nowrap}.lease-days-new.ok{color:var(--doma-success)}.lease-days-new.warn{color:var(--doma-warning)}.payment-item-new{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.payment-icon-new{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--doma-success) 12%,white);color:var(--doma-success)}.payment-body-new{display:grid;gap:var(--space-1);flex:1;min-width:0}.payment-name-new{font-size:13px;font-weight:700;color:var(--color-text)}.payment-meta-new{font-size:12px;color:var(--color-muted)}.payment-amount-new{font-size:13px;font-weight:700;color:var(--doma-success);white-space:nowrap}.platform-insight-card{display:grid;gap:var(--space-4);min-height:100%;border:1px solid color-mix(in srgb,var(--doma-primary) 16%,var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 8%,white),#fff 44%),var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.platform-insight-card.system{border-color:color-mix(in srgb,var(--doma-success) 18%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--doma-success) 8%,white),#fff 44%),var(--color-surface)}.platform-insight-body{display:grid;gap:var(--space-4)}.platform-revenue-callout{display:grid;gap:var(--space-1);border-radius:var(--radius-lg);background:var(--doma-primary);color:#fff;padding:var(--space-4)}.platform-revenue-callout span,.system-health-ring span,.insight-stat span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.platform-revenue-callout strong{font-size:30px;line-height:1.1}.platform-split-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.insight-stat{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb8;padding:var(--space-3)}.insight-stat span{color:var(--color-muted)}.insight-stat strong{color:var(--color-text);font-size:18px}.insight-stat.danger strong{color:var(--doma-danger)}.system-health-ring{display:grid;place-items:center;justify-self:start;width:132px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,white 58%,transparent 59%),conic-gradient(var(--doma-success) 0 96%,color-mix(in srgb,var(--doma-success) 14%,white) 96% 100%);color:var(--doma-success)}.system-health-ring strong{font-size:28px;line-height:1}.plan-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:var(--space-5);align-items:stretch;border:1px solid color-mix(in srgb,var(--doma-primary) 20%,var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 10%,white),#fff 52%),var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-6)}.plan-detail-hero h1{margin:0;color:var(--color-text)}.plan-detail-hero p{max-width:760px;color:var(--color-muted)}.plan-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.plan-price-panel{display:grid;align-content:center;gap:var(--space-1);border-radius:var(--radius-lg);background:var(--doma-primary);color:#fff;padding:var(--space-5)}.plan-price-panel span,.plan-price-panel small,.plan-price-panel em{font-size:12px;font-weight:800;text-transform:uppercase}.plan-price-panel strong{font-size:32px;line-height:1.1}.plan-price-panel em{color:#ffffffc2;font-style:normal;text-transform:none}.plan-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.plan-metric{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.plan-metric span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--doma-primary) 10%,white);color:var(--doma-primary)}.plan-metric small{color:var(--color-muted);font-size:12px;font-weight:800;text-transform:uppercase}.plan-metric strong{color:var(--color-text);font-size:22px}.plan-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:var(--space-4)}.plan-panel{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5)}.plan-panel.primary{border-color:color-mix(in srgb,var(--doma-primary) 18%,var(--color-border))}.plan-feature-list,.capability-list,.upgrade-list{display:grid;gap:var(--space-3)}.plan-feature-item,.capability-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:var(--space-3)}.plan-feature-item{justify-content:flex-start}.plan-feature-item svg,.capability-row svg{color:var(--doma-success)}.capability-row svg:last-child:not([class]){flex:0 0 auto}.capability-row .disabled-icon{color:var(--doma-danger)}.onboarding-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:var(--space-4);align-items:stretch;padding:var(--space-6);border:1px solid color-mix(in srgb,var(--doma-primary) 16%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--doma-primary) 12%,transparent),transparent 62%),var(--color-surface);box-shadow:var(--shadow-sm)}.onboarding-hero h1{margin:0;font-size:34px;line-height:1.15}.onboarding-hero p{margin:var(--space-2) 0 0;max-width:760px;color:var(--color-muted)}.onboarding-hero-note{display:grid;align-content:center;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.onboarding-hero-note strong{font-size:18px}.onboarding-hero-note span{color:var(--color-muted)}.onboarding-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.onboarding-plan-card{display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.onboarding-plan-card.green{border-top:4px solid #16a34a}.onboarding-plan-card.blue{border-top:4px solid #2563eb}.onboarding-plan-card.purple{border-top:4px solid #7c3aed}.onboarding-plan-top{display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-3)}.onboarding-plan-top>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--doma-primary) 12%,var(--color-surface-muted));color:var(--doma-primary)}.onboarding-plan-top h2{margin:0;font-size:21px}.onboarding-plan-top p{margin:var(--space-1) 0 0;color:var(--color-muted);line-height:1.55}.onboarding-price{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3) 0;border-block:1px solid var(--color-border)}.onboarding-price strong{font-size:28px;letter-spacing:0}.onboarding-price small{color:var(--color-muted);font-weight:800;text-transform:uppercase}.onboarding-includes{display:grid;gap:var(--space-3)}.onboarding-includes div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--space-2)}.onboarding-includes svg{margin-top:2px;color:var(--doma-success)}.flag-cloud,.upgrade-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flag-cloud span,.upgrade-list span{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--doma-primary) 10%,white);color:var(--doma-primary);font-size:13px;font-weight:800;padding:8px 10px}.flag-cloud span.disabled{background:var(--color-surface-muted);color:var(--color-muted)}.muted-copy{margin:0;color:var(--color-muted)}@media(max-width:860px){.platform-split-stats,.plan-metrics-grid,.plan-detail-hero,.plan-detail-grid,.onboarding-hero,.onboarding-plan-grid{grid-template-columns:1fr}}.sub-banner-new,.sub-banner-new *,.usage-item-new,.usage-item-new *,.notif-item-new,.notif-item-new *,.platform-insight-card,.platform-insight-card *,.system-health-ring,.system-health-ring *,.insight-stat,.insight-stat *{color:var(--color-text)}.sub-banner-new .sub-meta,.sub-banner-new small,.usage-label-new,.notif-time,.insight-stat span,.platform-revenue-callout span{color:var(--color-muted)!important}.notif-text{display:grid;gap:3px}.notif-text strong,.notif-text span{overflow-wrap:anywhere}.table-scroll-hint{display:inline-flex!important;align-items:center;width:fit-content;max-width:100%;margin:0 0 8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--color-info) 24%,var(--color-border));border-radius:8px;background:color-mix(in srgb,var(--color-info) 8%,var(--color-surface));color:var(--color-muted);font-size:12px;font-weight:700;line-height:1.35}.modal-backdrop,.app-shell .modal-backdrop{display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;overscroll-behavior:auto!important;padding:max(18px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}.modal,.panel.modal,.action-modal,.dialog{max-height:none!important;overflow:visible!important;margin-block:0 max(18px,env(safe-area-inset-bottom))!important}.modal-header{align-items:flex-start!important;min-width:0}.modal-header>div,.modal-header h2,.modal-header .eyebrow{min-width:0;overflow-wrap:anywhere}@media(max-width:767px){.modal-backdrop,.app-shell .modal-backdrop{align-items:flex-start!important;padding:max(12px,env(safe-area-inset-top)) 10px max(22px,env(safe-area-inset-bottom))!important}.modal,.panel.modal,.action-modal,.dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:none!important}.modal-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}.modal-header h2{font-size:18px!important;line-height:1.2}.system-health-ring{width:128px;height:128px}.system-health-ring strong{font-size:20px!important;text-align:center}}.sidebar{--color-sidebar-muted: #94A3B8;--color-sidebar-link: #BAE6FD;background:linear-gradient(180deg,#071827,#0d2a40 58%,#071827),#071827!important;color-scheme:dark}:root[data-theme=dark] .sidebar,:root[data-theme=light] .sidebar,.app-shell[data-theme=dark] .sidebar,.app-shell[data-theme=light] .sidebar{--color-sidebar-muted: #94A3B8;--color-sidebar-link: #BAE6FD;background:linear-gradient(180deg,#071827,#0d2a40 58%,#071827),#071827!important}.mobile-sidebar-actions{display:none}.notification-count{min-width:20px!important;width:auto!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;line-height:20px!important;white-space:nowrap!important;aspect-ratio:auto!important}.report-page .page-title-row,.report-page .form-footer-actions,.report-actions-menu{overflow:visible!important;position:relative;z-index:15}.report-actions-dropdown{z-index:calc(var(--z-toast) + 120)!important}.modal-backdrop,.app-shell .modal-backdrop{align-items:flex-start!important;overflow-y:auto!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:touch;padding-block:max(16px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-bottom))!important}.modal,.panel.modal,.action-modal,.dialog{max-height:none!important;overflow:visible!important;margin-block:0 max(18px,env(safe-area-inset-bottom))}.modal-scroll-body{max-height:none!important;overflow:visible!important}.app-shell .list-filter-actions{order:2!important}.app-shell .list-filter-button-row{flex-wrap:nowrap!important}@media(max-width:1023px){.mobile-sidebar-actions{display:block}.dashboard-page-header .quick-actions-new,.dashboard-page-header .quick-actions,.app-shell .dashboard-page-header .quick-actions-new,.app-shell .dashboard-page-header .quick-actions{display:none!important}}@media(max-width:767px){.notification-count{min-width:19px!important;height:19px!important;line-height:19px!important;padding:0 5px!important;top:2px!important;right:2px!important;transform:translate(18%,-18%)!important}.modal-backdrop,.app-shell .modal-backdrop{align-items:flex-start!important;padding:max(12px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom))!important}.modal,.panel.modal,.action-modal,.dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-inline:auto!important}.panel-right{align-items:flex-start!important;justify-content:flex-start!important;min-height:100dvh!important;overflow-y:auto!important;padding:max(18px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom))!important}.page-container{width:min(100%,430px)!important;max-width:100%!important;margin-inline:auto!important;padding-block:8px!important}.page-container>*{max-width:100%!important}.app-shell .list-filter-button-row{flex-wrap:wrap!important}}.exp-item-new{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.exp-left{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.exp-dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%;margin-top:4px}.exp-name{font-size:13px;font-weight:700;color:var(--color-text)}.exp-vendor{font-size:12px;color:var(--color-muted)}.exp-amount{font-size:13px;font-weight:700;color:var(--doma-danger);white-space:nowrap}.data-table-new{width:100%;border-collapse:collapse;font-size:13px}.data-table-new thead{background:var(--color-surface-muted)}.data-table-new th{padding:var(--space-3) var(--space-4);text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table-new td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.data-table-new tbody tr:hover{background:color-mix(in srgb,var(--doma-primary) 4%,white)}.notif-item-new{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.notif-dot-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:#0ea5e914}.notif-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%}.notif-text{font-size:13px;color:var(--color-text);line-height:1.4}.notif-time{font-size:11px;color:var(--color-muted);margin-top:var(--space-1)}@media(max-width:1400px){.three-col-layout,.mini-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.dashboard-page-header{flex-direction:column;gap:var(--space-4)}.quick-actions-new{width:100%}.quick-actions-new .button{flex:1}.sub-banner-new{flex-direction:column;gap:var(--space-4);align-items:flex-start}.sub-stats{width:100%;gap:var(--space-6)}.metric-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col-layout,.two-col-layout,.mini-stats-grid{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-page-header{flex-direction:column;gap:var(--space-3)}.dashboard-page-header>div:first-child h1{font-size:24px}.quick-actions-new{width:100%;flex-direction:column}.quick-actions-new .button{width:100%}.metric-cards-grid,.three-col-layout,.two-col-layout,.mini-stats-grid{grid-template-columns:1fr}.sub-banner-new{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.sub-left{flex-direction:column;text-align:center}.sub-stats{justify-content:space-around;gap:var(--space-4)}.lease-item-new{flex-wrap:wrap}.lease-days-new{width:100%}.data-table-new{font-size:12px}.data-table-new th,.data-table-new td{padding:var(--space-2) var(--space-3)}}.page-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 160px);gap:12px;color:#6b7280}.page-loading-container p{font-size:15px;margin:0;font-weight:500}.loading-spinner{width:44px;height:44px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:#1a6ef5;animation:spin 1s linear infinite}.resource-page{min-height:100vh;gap:var(--space-6)}.resource-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.resource-page-header>div{display:grid;gap:var(--space-2);flex:1;min-width:0}.resource-page-header h1{margin:0;font-size:32px;line-height:1.2}.resource-page-header p{margin:0;color:var(--color-muted);font-size:14px}.button-new{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:#1a6ef5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .15s;text-decoration:none;flex-shrink:0;white-space:nowrap}.button-new:hover{background:#1457cc}.button-new svg{width:18px;height:18px;flex-shrink:0}.resource-page .badge,.resource-page .status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.resource-page .status-badge{gap:6px;padding:5px 12px}.resource-page .status-badge .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.resource-page .status-badge.status-success,.resource-page .status-badge.status-active,.resource-page .status-badge.status-completed,.resource-page .status-badge.status-occupied,.resource-page .status-badge.status-available,.resource-page .status-badge.status-paid{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success)}.resource-page .status-badge.status-success .dot,.resource-page .status-badge.status-active .dot,.resource-page .status-badge.status-completed .dot,.resource-page .status-badge.status-occupied .dot,.resource-page .status-badge.status-available .dot,.resource-page .status-badge.status-paid .dot{background:#16a34a}.resource-page .status-badge.status-warning,.resource-page .status-badge.status-pending,.resource-page .status-badge.status-maintenance,.resource-page .status-badge.status-inactive,.resource-page .status-badge.status-draft{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning)}.resource-page .status-badge.status-warning .dot,.resource-page .status-badge.status-pending .dot,.resource-page .status-badge.status-maintenance .dot,.resource-page .status-badge.status-inactive .dot,.resource-page .status-badge.status-draft .dot{background:#d97706}.resource-page .status-badge.status-danger,.resource-page .status-badge.status-overdue,.resource-page .status-badge.status-failed,.resource-page .status-badge.status-archived,.resource-page .status-badge.status-unpaid,.resource-page .status-badge.status-void{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.resource-page .status-badge.status-danger .dot,.resource-page .status-badge.status-overdue .dot,.resource-page .status-badge.status-failed .dot,.resource-page .status-badge.status-archived .dot,.resource-page .status-badge.status-unpaid .dot,.resource-page .status-badge.status-void .dot{background:#dc2626}.resource-page .status-badge.status-neutral{background:var(--color-surface-muted);color:var(--color-muted)}.resource-page .status-badge.status-neutral .dot{background:#9ca3af}.resource-page .badge.success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success)}.resource-page .badge.warning{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning)}.resource-page .badge.danger{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.resource-page .badge.info{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));color:var(--color-primary)}.resource-page .badge.neutral{background:#f3f4f6;color:#6b7280}.role-summary-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.role-form-layout .form-card-header{align-items:center}.compact-checkbox{width:16px;height:16px;min-width:16px;min-height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.permission-select-all{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--color-border);border-radius:6px;padding:0 12px;background:#fff;color:var(--color-secondary);font-size:13px;font-weight:800;cursor:pointer}.permission-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.permission-picker-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;min-height:58px;border:1px solid #dbe3ef;border-radius:8px;padding:12px;background:#fff;cursor:pointer}.permission-picker-item:hover{border-color:#9cc4f5;background:#f8fbff}.permission-picker-item:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 55%,white);background:color-mix(in srgb,var(--color-primary) 6%,white)}.permission-picker-item strong{display:block;color:#0f172a;font-size:13px;line-height:1.3}.permission-picker-item small{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.35}.boolean-field{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:6px;padding:10px 12px;background:#fff;cursor:pointer}.boolean-field:hover{border-color:var(--gray-300, #d1d5db)}.boolean-field strong{display:block;color:var(--gray-700, #374151);font-size:13.5px}.boolean-field small{display:block;margin-top:2px;color:var(--gray-400, #9ca3af);font-size:12px}.code-pill{display:inline-flex;width:fit-content;border:1px solid #dbe3ef;border-radius:6px;padding:4px 8px;background:#f8fafc;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.reports-command-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #dbe3ef;border-radius:8px;background:#dbe3ef;margin-bottom:18px}.reports-command-strip>div{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#fff}.reports-command-strip span,.reports-section-head span,.reports-kpi-card span,.reports-snapshot-list span,.reports-note span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.reports-command-strip strong{color:#0f172a;font-size:16px}.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.reports-kpi-card,.reports-catalog,.reports-snapshot{border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.reports-kpi-card{display:grid;gap:8px;padding:18px}.reports-kpi-card strong{color:#0f172a;font-size:28px;line-height:1}.reports-kpi-card small{color:#64748b;font-size:13px}.reports-kpi-icon,.reports-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#eef6ff;color:#0f5ea8}.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.reports-catalog,.reports-snapshot{padding:18px}.reports-section-head{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.reports-section-head strong{color:#0f172a;font-size:18px}.reports-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reports-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:116px;border:1px solid #e2e8f0;border-radius:8px;padding:14px;color:inherit;text-decoration:none;background:#fff}.reports-card:hover{border-color:#9cc4f5;background:#f8fbff}.reports-card strong{display:block;margin-bottom:6px;color:#0f172a}.reports-card span{display:block;color:#64748b;font-size:13px;line-height:1.45}.reports-snapshot-list{display:grid;gap:1px;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#e2e8f0}.reports-snapshot-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#fff}.reports-snapshot-list strong{color:#0f172a;text-align:right}.reports-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:14px;border:1px solid #dbeafe;border-radius:8px;padding:14px;background:#f8fbff;color:#0f5ea8}.reports-note strong{display:block;color:#0f172a;margin-bottom:4px}.profile-layout{display:grid;gap:16px}.profile-hero-card,.profile-card{border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.profile-hero-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:#eef6ff;color:#0f5ea8}.profile-hero-card h2{margin:0 0 4px;color:#0f172a;font-size:22px}.profile-hero-card p{margin:0;color:#64748b}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-card{padding:18px}.profile-card h3{margin:0 0 14px;color:#0f172a;font-size:16px}.profile-card p{display:flex;align-items:center;gap:10px;margin:10px 0;color:#334155}.permission-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.permission-chip-grid span{border:1px solid #dbe3ef;border-radius:999px;padding:5px 9px;background:#f8fafc;color:#334155;font-size:12px}@media(max-width:1000px){.reports-command-strip,.reports-kpi-grid,.reports-layout,.reports-card-grid{grid-template-columns:1fr}@media print{body{background:#fff!important;overflow:visible!important}.sidebar,.topbar,.page-title-row .form-footer-actions,.list-controls,.pagination,.actions-cell,.modal-backdrop,.toast{display:none!important}.app-shell,.content-shell,.main-content{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;overflow:visible!important}.page,.report-page,.report-print-area{width:100%!important;max-width:none!important;margin:0!important;color:#000!important;background:#fff!important}.report-page .page-title-row{display:block!important;border-bottom:1px solid #111;padding-bottom:12px;margin-bottom:16px}.panel,.mobile-record,.metric-card,.table-wrap{box-shadow:none!important;break-inside:avoid}}.profile-hero-card,.profile-grid{grid-template-columns:1fr}}.app-shell{--font-sans: "Plus Jakarta Sans", "Aptos", "Segoe UI Variable", system-ui, sans-serif;--font-display: "Fraunces", "Georgia", "Cambria", serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 30px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.2, .9, .2, 1.18);--duration-fast: .14s;--duration-base: .24s;--duration-slow: .52s;--color-bg: #f4f9fc;--color-surface: #ffffff;--color-surface-muted: #edf6fb;--color-panel-glass: rgb(255 255 255 / 78%);--color-border: #d8e8f0;--color-border-strong: #b9d2df;--color-text: #0c1b2a;--color-muted: #66798b;--color-secondary: #173247;--color-primary: #0ea5e9;--color-primary-strong: #0284c7;--color-accent: #38bdf8;--color-inverse: #ffffff;--shadow-sm: 0 1px 2px rgb(10 32 48 / 8%), 0 8px 22px rgb(10 32 48 / 5%);--shadow-md: 0 16px 38px rgb(10 32 48 / 12%);--shadow-lg: 0 28px 70px rgb(10 32 48 / 18%);--shadow-glow: 0 18px 50px rgb(14 165 233 / 20%);font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent 28rem),radial-gradient(circle at 92% 2%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 30rem),linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 82%,white),var(--color-bg))}.app-shell[data-theme=dark]{--color-bg: #06111d;--color-surface: #0d1b2d;--color-surface-muted: #13263b;--color-panel-glass: rgb(13 27 45 / 78%);--color-border: #21384f;--color-border-strong: #34546f;--color-text: #ecf7ff;--color-muted: #9cb4c8;--color-secondary: #d9efff;--color-primary: #38bdf8;--color-primary-strong: #7dd3fc;--color-accent: #0ea5e9;--color-inverse: #04101c;--color-skeleton-mid: #24445f;--shadow-sm: 0 1px 2px rgb(0 0 0 / 28%), 0 10px 30px rgb(0 0 0 / 18%);--shadow-md: 0 18px 48px rgb(0 0 0 / 34%);--shadow-lg: 0 34px 86px rgb(0 0 0 / 46%);--shadow-glow: 0 20px 60px rgb(56 189 248 / 16%);background:radial-gradient(circle at 8% 4%,rgb(14 165 233 / 20%),transparent 28rem),radial-gradient(circle at 92% 2%,rgb(56 189 248 / 14%),transparent 30rem),linear-gradient(180deg,#081929,var(--color-bg))}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--color-border) 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 38%,transparent) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgb(0 0 0 / 42%),transparent 70%);mask-image:linear-gradient(180deg,rgb(0 0 0 / 42%),transparent 70%)}.app-shell .content-shell,.app-shell .main-content{background:transparent}.app-shell .main-content{animation:page-slide-in var(--duration-slow) var(--ease-out) both}@keyframes page-slide-in{0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.app-shell .page-title-row,.app-shell .dashboard-page-header,.app-shell .business-hero{position:relative;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 13%,transparent),transparent 38%),linear-gradient(315deg,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 42%),var(--color-panel-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(18px,3vw,34px);overflow:hidden}.app-shell .page-title-row:after,.app-shell .dashboard-page-header:after,.app-shell .business-hero:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent 68%);animation:parallax-float 9s ease-in-out infinite alternate}@keyframes parallax-float{0%{transform:translate3d(-10px,8px,0) scale(.96)}to{transform:translate3d(18px,-12px,0) scale(1.08)}}.app-shell .page-title-row h1,.app-shell .dashboard-page-header h1,.app-shell .business-hero h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(28px,4vw,48px)}.app-shell .topbar{min-height:72px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);background:color-mix(in srgb,var(--color-panel-glass) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);margin:0 var(--space-4);transform-origin:top center;transition:min-height var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.app-shell .topbar.is-scrolled{min-height:60px;box-shadow:var(--shadow-md);transform:translateY(4px) scale(.992)}.app-shell .global-search,.app-shell .avatar-button,.app-shell .icon-button,.app-shell .dropdown-menu,.app-shell .search-popover,.app-shell .notifications-popover{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.app-shell .sidebar{background:linear-gradient(180deg,#071827,#0d2a40 58%,#071827),var(--doma-dark);box-shadow:18px 0 50px #04101c2e}.app-shell .nav-section a,.app-shell .nav-group-trigger{position:relative;overflow:hidden;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.app-shell .nav-section a:before,.app-shell .nav-group-trigger:before{content:"";position:absolute;inset:8px auto 8px 8px;width:3px;border-radius:999px;background:var(--color-primary);opacity:0;transform:scaleY(.45);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.app-shell .nav-section a:hover,.app-shell .nav-section a.active,.app-shell .nav-group-trigger:hover{background:#ffffff1f;transform:translate(3px)}.app-shell .nav-section a.active:before,.app-shell .nav-section a:hover:before,.app-shell .nav-group-trigger:hover:before{opacity:1;transform:scaleY(1)}.app-shell .button,.app-shell .form-button,.app-shell .button-new,.app-shell .icon-button,.app-shell .avatar-button,.app-shell .action-btn,.app-shell .searchable-select-trigger,.app-shell input,.app-shell select,.app-shell textarea,.app-shell .boolean-field{transition:transform var(--duration-base) var(--ease-spring),border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.app-shell .button,.app-shell .form-button,.app-shell .button-new{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-shell .button:after,.app-shell .form-button:after,.app-shell .button-new:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgb(255 255 255 / 32%),transparent);transform:translate(-120%);transition:transform .62s var(--ease-out)}.app-shell .button:hover:after,.app-shell .form-button:hover:after,.app-shell .button-new:hover:after{transform:translate(120%)}.app-shell .button:hover,.app-shell .form-button:hover,.app-shell .button-new:hover,.app-shell .action-btn:hover,.app-shell .icon-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.app-shell .button:active,.app-shell .form-button:active,.app-shell .button-new:active,.app-shell .action-btn:active,.app-shell .icon-button:active{transform:translateY(0) scale(.98)}.app-shell .button.primary,.app-shell .form-button.primary,.app-shell .button-new{border-color:transparent;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:var(--color-inverse)}.app-shell .panel,.app-shell .table-card,.app-shell .table-wrap,.app-shell .table-wrapper,.app-shell .detail-grid,.app-shell .form-grid,.app-shell .form-card,.app-shell .mobile-record,.app-shell .metric-card,.app-shell .metric-card-new,.app-shell .kpi-card,.app-shell .settings-group,.app-shell .business-section{border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,white),var(--color-surface)),var(--color-surface);box-shadow:var(--shadow-sm)}.app-shell .panel:hover,.app-shell .form-card:hover,.app-shell .metric-card:hover,.app-shell .metric-card-new:hover,.app-shell .kpi-card:hover,.app-shell .business-section:hover{border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-shell th{background:color-mix(in srgb,var(--color-surface-muted) 86%,var(--color-surface));color:var(--color-muted)}.app-shell td{color:var(--color-text)}.app-shell tbody tr{transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.app-shell tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}.app-shell input,.app-shell select,.app-shell textarea,.app-shell .form-field-input,.app-shell .searchable-select-trigger,.app-shell .searchable-select-menu{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.app-shell input:hover,.app-shell select:hover,.app-shell textarea:hover,.app-shell .form-field-input:hover,.app-shell .searchable-select-trigger:hover{border-color:color-mix(in srgb,var(--color-primary) 44%,var(--color-border))}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus,.app-shell .form-field-input:focus,.app-shell .searchable-select[data-open=true] .searchable-select-trigger{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,transparent)}.app-shell .searchable-select-menu,.app-shell .dropdown-menu,.app-shell .search-popover,.app-shell .notifications-popover,.app-shell .modal,.app-shell .panel.modal{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:popover-in var(--duration-base) var(--ease-out) both}@keyframes popover-in{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.app-shell .modal-backdrop{background:color-mix(in srgb,#04101c 68%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell .modal,.app-shell .panel.modal{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}.app-shell .skeleton-stack{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.app-shell .skeleton-line,.app-shell .loading-row,.app-shell .loading-card{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--color-surface-muted),var(--color-skeleton-mid),var(--color-surface-muted));background-size:240% 100%;animation:shimmer 1.2s linear infinite}.app-shell .empty-state,.app-shell .empty-overlay,.app-shell .popover-empty{color:var(--color-muted)}.app-shell .empty-state svg{width:54px;height:54px;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.app-shell .alert{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-shell .list-controls{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel-glass);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--space-4)}.app-shell .list-controls .field{min-width:156px}.app-shell .list-controls .field:first-child{min-width:min(100%,280px)}.app-shell .form-card-body-grid,.app-shell .form-field-group.col-2,.app-shell .form-field-group.col-3,.app-shell .form-field-group.col-4{gap:clamp(14px,2vw,22px)}.app-shell .form-footer{position:static;bottom:auto;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .kpi-card strong,.app-shell .metric-card strong,.app-shell .metric-card-value,.app-shell .stat-value{font-variant-numeric:tabular-nums;animation:number-pop .72s var(--ease-spring) both}@keyframes number-pop{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}70%{transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.app-shell [data-reveal=true]{opacity:0;transform:translateY(22px);transition:opacity .68s var(--ease-out),transform .68s var(--ease-out),filter .68s var(--ease-out);transition-delay:calc(var(--reveal-index, 0) * 42ms);filter:blur(8px)}.app-shell [data-reveal=true].is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.app-shell ::-webkit-scrollbar{width:10px;height:10px}.app-shell ::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-surface-muted) 70%,transparent)}.app-shell ::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 52%,var(--color-border));background-clip:padding-box}.app-shell ::selection{background:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-text)}@media(max-width:1279px){.app-shell .dashboard-grid,.app-shell .three-col-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.app-shell .topbar{margin:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto}.app-shell .global-search{grid-column:1 / -1;order:3;width:100%}.app-shell .sidebar{transform:translate(-105%);transition:transform .32s var(--ease-out),box-shadow .32s var(--ease-out)}.app-shell .sidebar.is-open{transform:translate(0);box-shadow:28px 0 80px #0000005c}.app-shell .drawer-scrim.is-visible{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell .dashboard-grid,.app-shell .three-col-layout,.app-shell .metric-cards-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell .main-content{padding:var(--space-4)}.app-shell .page,.app-shell .business-page{gap:var(--space-4)}.app-shell .page-title-row,.app-shell .dashboard-page-header,.app-shell .business-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.app-shell .page-title-row,.app-shell .dashboard-page-header{display:grid}.app-shell .page-title-row .form-footer-actions,.app-shell .business-hero__actions,.app-shell .page-actions{position:sticky;bottom:var(--space-3);z-index:10;display:grid;grid-template-columns:1fr;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-3)}.app-shell .page-title-row .button,.app-shell .page-actions .button,.app-shell .business-hero__actions>*{width:100%;min-height:48px}.app-shell .list-controls{display:grid;grid-template-columns:1fr}.app-shell .list-controls .field,.app-shell .list-filter-actions,.app-shell .list-filter-button-row,.app-shell .list-filter-button-row .button,.app-shell .list-expanded-filters,.app-shell .list-expanded-filters .field{width:100%;min-width:0}.app-shell .list-filter-button-row,.app-shell .list-expanded-filters{display:grid;grid-template-columns:1fr}.app-shell .panel,.app-shell .form-grid,.app-shell .form-card,.app-shell .table-card{border-radius:var(--radius-lg)}}@media(max-width:360px){.app-shell .main-content{padding:var(--space-3)}.app-shell .topbar-actions{gap:4px}.app-shell .avatar-button span,.app-shell .topbar-divider{display:none}}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.app-shell [data-reveal=true]{opacity:1;transform:none;filter:none}}.page-loading-screen{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 28rem),color-mix(in srgb,var(--color-bg) 76%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.page-loading-card{display:grid;place-items:center;gap:10px;min-width:min(320px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);padding:26px}.page-loading-card small{color:var(--color-muted)}.page-loading-mark{width:46px;height:46px;border:4px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-top-color:var(--color-primary);border-radius:999px;animation:spin .72s linear infinite}.app-shell .topbar{grid-template-columns:auto minmax(130px,220px) minmax(220px,1fr) minmax(0,auto)}.app-shell .topbar-actions{min-width:max-content;flex-wrap:nowrap}.app-shell .topbar-actions .icon-button,.app-shell .brand-actions .icon-button,.app-shell .menu-button{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0}.app-shell .topbar-actions .icon-button svg,.app-shell .brand-actions .icon-button svg,.app-shell .menu-button svg{width:19px;min-width:19px;max-width:19px;height:19px;flex:0 0 19px}.app-shell .user-menu,.app-shell .notifications-menu{flex:0 0 auto}.app-shell .avatar-button{max-width:clamp(132px,16vw,220px)}.app-shell .list-controls,.app-shell .table-card,.app-shell .panel,.app-shell .panel-new,.app-shell .table-wrap{overflow:visible}.app-shell .list-controls{position:relative;z-index:calc(var(--z-modal) + 4)}.app-shell .table-card,.app-shell .table-wrap,.app-shell .panel:has(.table-wrapper){position:relative;z-index:1;min-width:0;max-width:100%}.app-shell .table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}.app-shell .table-wrapper,.app-shell .table-scroll-hint{border-radius:inherit}.app-shell .searchable-select{z-index:1}.app-shell .searchable-select[data-open=true]{z-index:calc(var(--z-modal) + 2)}.app-shell .searchable-select-menu{z-index:calc(var(--z-modal) + 3);min-width:max(100%,220px)}.app-shell .list-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.app-shell .list-controls .field{flex:1 1 clamp(170px,18vw,240px);min-width:min(100%,170px)}.app-shell .list-controls .field:first-child{flex:2 1 clamp(260px,32vw,460px)}.app-shell .list-filter-actions{flex:1 1 260px;min-width:min(100%,260px)}.app-shell .list-filter-button-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.app-shell .list-filter-button-row .button{flex:0 1 auto;min-width:max-content}.app-shell .list-expanded-filters{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);min-width:0}.app-shell .list-expanded-filters .field{flex:0 1 clamp(170px,18vw,240px);min-width:min(100%,170px)}.app-shell .pagination{border-top-color:var(--color-border);background:var(--color-surface);color:var(--color-muted)}.app-shell .pagination span,.app-shell .pg-info{color:var(--color-muted)}.app-shell .pagination select,.app-shell .pagination button,.app-shell .pg-size,.app-shell .pg-btn{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.app-shell .pagination button:hover:not(:disabled),.app-shell .pg-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.app-shell .pagination button.active,.app-shell .pg-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-inverse)}.app-shell button:disabled,.app-shell .button[aria-disabled=true]{cursor:not-allowed}.app-shell .metric-cards-grid{align-items:stretch}.app-shell .metric-cards-grid>*,.app-shell .metric-card-new,.app-shell .panel-new{min-width:0}.app-shell .metric-card-new{height:100%;grid-template-rows:auto auto minmax(34px,auto) 1fr}.app-shell .three-col-layout,.app-shell .two-col-layout{align-items:stretch}.app-shell .three-col-layout>*,.app-shell .two-col-layout>*,.app-shell .panel-new{height:100%}.app-shell .panel-new{grid-template-rows:auto minmax(0,1fr)}.app-shell .panel-body-new{min-height:0}.app-shell .three-col-layout .panel-body-new,.app-shell .two-col-layout .panel-body-new{max-height:520px;overflow-y:auto;padding-right:2px}.app-shell .platform-insight-card{height:100%}.app-shell .settings-company-card,.app-shell .settings-company-editor,.app-shell .profile-hero-card,.app-shell .profile-card,.app-shell .reports-note,.app-shell .report-filter-card,.app-shell .report-summary-card,.app-shell .panel-new,.app-shell .mini-stat,.app-shell .lease-item-new,.app-shell .maint-item-new,.app-shell .payment-item-new,.app-shell .exp-item-new,.app-shell .notif-item-new{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.app-shell .profile-hero-card h2,.app-shell .profile-card h3,.app-shell .reports-note strong{color:var(--color-text)}.app-shell .profile-hero-card p,.app-shell .profile-card p,.app-shell .permission-chip-grid span{color:var(--color-muted)}.app-shell .permission-chip-grid span{border-color:var(--color-border);background:var(--color-surface-muted)}@media(max-width:900px){.app-shell .list-filter-button-row{justify-content:stretch}.app-shell .list-filter-button-row .button{flex:1 1 160px;min-width:0}}@media(max-width:640px){.app-shell .page-loading-card{min-width:calc(100vw - 28px);padding:22px}}.page,.form-grid,.panel,.panel-new,.metric-card-new,.kpi-card,.metric-card,.business-stat,.platform-insight-card,.sub-banner-new{color:var(--color-text)}.searchable-select{z-index:25}.searchable-select[data-open=true]{z-index:140}.searchable-select-trigger{padding-right:calc(var(--space-10) + 22px)}.searchable-select-menu{z-index:calc(var(--z-toast) + 20);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-primary) 4%);border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}.searchable-select-clear{position:absolute;top:50%;right:34px;z-index:2;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-muted) 12%,transparent);color:var(--color-muted);transform:translateY(-50%)}.searchable-select-clear:hover{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.modal-backdrop{z-index:calc(var(--z-toast) + 10);align-items:start;place-items:start center;overflow-y:auto;overscroll-behavior:contain;padding:max(var(--space-5),5vh) var(--space-4);background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.panel.modal,.modal.reset-password-modal,.panel.modal.reset-password-modal,.modal.delete-dialog,.panel.modal.delete-dialog{overflow:visible;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 44%),var(--color-surface);border-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}.delete-dialog-body{background:color-mix(in srgb,var(--color-danger) 7%,var(--color-surface))}.delete-dialog-icon{background:color-mix(in srgb,var(--color-danger) 15%,var(--color-surface))}.action-dialog-body{background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}.action-dialog-icon{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface))}.boolean-field,.modal-check-grid .boolean-field{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-muted) 68%,var(--color-surface));color:var(--color-text)}.boolean-field small{color:var(--color-muted)}.compact-checkbox{accent-color:var(--color-primary)}.sub-banner-new{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface)),var(--color-surface));box-shadow:var(--shadow-md)}.subscription-activation-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--color-warning) 38%,var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 16%,var(--color-surface)),var(--color-surface) 62%,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface)));box-shadow:var(--shadow-md)}.subscription-activation-card strong{color:var(--color-text)}.subscription-activation-card span{color:var(--color-muted)}.subscription-activation-icon{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--color-warning) 22%,var(--color-surface));color:var(--color-warning)}.metric-cards-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.metric-card-new,.panel-new,.platform-insight-card{border-color:color-mix(in srgb,var(--color-primary) 16%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 48%),var(--color-surface);box-shadow:var(--shadow-md)}.metric-card-new:nth-child(4n+1){border-color:color-mix(in srgb,var(--color-primary) 26%,var(--color-border))}.metric-card-new:nth-child(4n+2){border-color:color-mix(in srgb,var(--color-success) 26%,var(--color-border))}.metric-card-new:nth-child(4n+3){border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-border))}.metric-card-new:nth-child(4n+4){border-color:color-mix(in srgb,var(--color-danger) 22%,var(--color-border))}.metric-card-new:nth-child(4n+1) .metric-card-icon{color:var(--color-primary)}.metric-card-new:nth-child(4n+2) .metric-card-icon{color:var(--color-success)}.metric-card-new:nth-child(4n+3) .metric-card-icon{color:var(--color-warning)}.metric-card-new:nth-child(4n+4) .metric-card-icon{color:var(--color-danger)}.sub-icon,.metric-card-icon,.maint-icon-new,.payment-icon-new,.kpi-card div>span,.business-stat__icon{background:color-mix(in srgb,currentColor 14%,var(--color-surface))}.mini-stat,.maint-item-new,.lease-item-new,.payment-item-new,.insight-stat{border:1px solid color-mix(in srgb,var(--color-primary) 10%,var(--color-border));background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface))}.progress-bar-new{background:color-mix(in srgb,var(--color-border) 72%,var(--color-surface))}.platform-insight-card{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 34%),var(--color-surface)}.platform-insight-card.system{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-success) 16%,transparent),transparent 34%),var(--color-surface)}.system-health-ring{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-success) 20%,var(--color-border)),0 16px 32px #10b9812e;background:radial-gradient(circle at center,var(--color-surface) 57%,transparent 59%),conic-gradient(var(--color-success) 0 96%,color-mix(in srgb,var(--color-success) 18%,var(--color-surface-muted)) 96% 100%)}:root[data-theme=dark] .button.primary,:root[data-theme=dark] .form-button.primary,:root[data-theme=dark] .platform-revenue-callout{color:#04111f}:root[data-theme=dark] .platform-revenue-callout span,:root[data-theme=dark] .platform-revenue-callout strong{color:#04111f}.app-shell .page-title-row:after,.app-shell .dashboard-page-header:after,.app-shell .business-hero:after,.button-new:after,.app-shell .button-new:after{pointer-events:none}.app-shell .page-title-row .form-footer-actions,.app-shell .dashboard-page-header .form-footer-actions{position:relative;z-index:2}.app-shell .list-filter-actions{flex:0 0 auto;min-width:max-content;order:2}.app-shell .list-expanded-filters{flex:1 0 100%;order:3}.app-shell .list-expanded-filters .field{flex:0 1 clamp(170px,18vw,240px);max-width:260px}.app-shell .list-filter-button-row{align-items:center;justify-content:flex-end}.app-shell .alert.error{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.app-shell .alert.error>span{flex:1 1 240px}.app-shell .alert-retry{margin-left:auto}.modal-backdrop,.app-shell .modal-backdrop{display:flex;align-items:flex-start;justify-content:center;min-height:100dvh;overflow-y:auto;padding:clamp(20px,5vh,40px) var(--space-4)}.modal,.panel.modal,.modal.reset-password-modal,.panel.modal.reset-password-modal,.modal.delete-dialog,.panel.modal.delete-dialog{display:flex;flex-direction:column;width:min(720px,100%);max-height:none;overflow:visible;margin:0 0 clamp(20px,5vh,40px);scroll-margin-top:clamp(20px,5vh,40px)}.modal-header,.modal-actions{flex:0 0 auto}.modal-scroll-body{flex:1 1 auto;overflow:visible}.property-image-preview{width:100%;margin-bottom:14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-muted)}.property-image-preview img{display:block;width:100%;max-height:280px;object-fit:cover}.empty-message,.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;text-align:center;color:var(--color-muted)}.empty-message svg,.empty-state svg{color:var(--color-primary)}.page-loading-screen{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-primary) 22%,transparent),transparent 28rem),radial-gradient(circle at 72% 70%,color-mix(in srgb,var(--color-success) 14%,transparent),transparent 24rem),color-mix(in srgb,var(--color-bg) 82%,transparent)}.page-loading-card{position:relative;overflow:hidden}.page-loading-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--color-primary) 14%,transparent) 48%,transparent 76%);transform:translate(-100%);animation:loading-sheen 1.4s ease-in-out infinite}.page-loading-card>*{position:relative}.page-loading-mark{border:0;background:conic-gradient(from 0deg,var(--color-primary),var(--color-accent),var(--color-success),var(--color-primary));-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%)}@keyframes loading-sheen{to{transform:translate(100%)}}.doma-loader{--doma-loader-blue: #00a3ff;--doma-loader-blue-strong: #21b9ff;--doma-loader-bg: #050607;--doma-loader-line: rgba(0, 163, 255, .075);position:relative;display:grid;place-items:center;width:100vw;min-height:100vh;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 46% 42%,rgba(0,163,255,.12),transparent 24rem),linear-gradient(135deg,#080a0c 0%,var(--doma-loader-bg) 52%,#020303 100%);color:#fff;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff09;font-family:Inter,Manrope,Segoe UI,sans-serif;pointer-events:auto}.doma-loader.is-compact{width:100vw;min-height:100vh}.doma-loader-grid{position:absolute;inset:0;background-image:linear-gradient(var(--doma-loader-line) 1px,transparent 1px),linear-gradient(90deg,var(--doma-loader-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.92) 44%,transparent 92%);mask-image:radial-gradient(circle at center,#000 0%,rgba(0,0,0,.92) 44%,transparent 92%);animation:doma-loader-grid-pulse 4s ease-in-out infinite}.doma-loader-corner{position:absolute;width:clamp(72px,12vw,160px);height:clamp(72px,12vw,160px);border-color:#00a3ff52;border-style:solid}.doma-loader-corner-tl{top:clamp(16px,3vw,40px);left:clamp(16px,3vw,40px);border-width:3px 0 0 3px}.doma-loader-corner-br{right:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);border-width:0 3px 3px 0}.doma-loader-content{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(28px,5vw,56px);width:min(100% - 40px,620px)}.doma-loader-brand{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,32px);opacity:0;transform:translateY(14px);animation:doma-loader-reveal .72s ease forwards .16s}.doma-loader-mark{width:clamp(92px,12vw,156px);height:clamp(92px,12vw,156px);filter:drop-shadow(0 0 24px rgba(0,163,255,.18))}.doma-loader-mark img{display:block;width:100%;height:100%;object-fit:contain}.doma-loader-wordmark{display:grid;gap:clamp(8px,1.2vw,14px);line-height:1}.doma-loader-name{color:#fff;font-size:clamp(46px,7vw,76px);font-weight:800;letter-spacing:-.075em}.doma-loader-product{display:flex;align-items:center;gap:clamp(10px,1.6vw,18px)}.doma-loader-product strong{color:var(--doma-loader-blue);font-size:clamp(22px,3vw,36px);font-weight:800;letter-spacing:.12em}.doma-loader-product i{display:block;width:1px;height:clamp(22px,3vw,38px);background:#ffffff38}.doma-loader-product span{color:#ffffff75;font-size:clamp(10px,1.3vw,18px);font-weight:700;letter-spacing:.16em;line-height:1.35;text-transform:uppercase}.doma-loader-progress{display:grid;justify-items:center;gap:16px;width:min(100%,560px);opacity:0;transform:translateY(12px);animation:doma-loader-reveal .72s ease forwards .52s}.doma-loader-progress-track{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff06}.doma-loader-progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#008cff,var(--doma-loader-blue-strong),#00d4ff);box-shadow:0 0 24px #00a3ff80;animation:doma-loader-fill 2.8s cubic-bezier(.4,0,.2,1) forwards .7s}.doma-loader-dots{display:flex;gap:10px}.doma-loader-dots span{width:8px;height:8px;border-radius:999px;background:#00a3ff52;animation:doma-loader-dot 1.35s ease-in-out infinite}.doma-loader-dots span:nth-child(2){animation-delay:.18s}.doma-loader-dots span:nth-child(3){animation-delay:.36s}.doma-loader-label{min-height:20px;color:#ffffff7a;font-size:clamp(13px,1.5vw,16px);font-weight:700;letter-spacing:.02em}.doma-loader.is-compact .doma-loader-content{gap:28px;width:min(100% - 32px,480px)}.doma-loader.is-compact .doma-loader-mark{width:clamp(78px,10vw,112px);height:clamp(78px,10vw,112px)}.doma-loader.is-compact .doma-loader-name{font-size:clamp(36px,5vw,52px)}.doma-loader.is-compact .doma-loader-product strong{font-size:clamp(18px,2.4vw,24px)}.doma-loader.is-compact .doma-loader-product span{font-size:clamp(9px,1.1vw,12px)}.doma-loader.is-compact .doma-loader-progress{width:min(100%,360px)}@keyframes doma-loader-grid-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes doma-loader-reveal{to{opacity:1;transform:translateY(0)}}@keyframes doma-loader-fill{0%{width:0%}40%{width:55%}70%{width:76%}90%{width:92%}to{width:100%}}@keyframes doma-loader-dot{0%,to{background:#00a3ff40;transform:scale(1)}50%{background:var(--doma-loader-blue);transform:scale(1.45)}}.mobile-footer-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:calc(var(--z-sticky) + 20);display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:22px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-footer-nav a{display:grid;place-items:center;gap:3px;min-height:48px;border-radius:16px;color:var(--color-muted);font-size:11px;font-weight:750}.mobile-footer-nav a.active{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.system-initial-loader{display:grid;place-items:center}.app-shell .list-controls{z-index:12}.app-shell .list-controls:has(.searchable-select[data-open=true]){z-index:40}.app-shell .list-expanded-filters{flex:2 1 420px;order:2}.app-shell .list-filter-actions{order:3}.app-shell .modal-backdrop{z-index:calc(var(--z-toast) + 80)}.app-shell .modal,.app-shell .panel.modal{margin:0 0 clamp(20px,5vh,40px);scroll-margin-top:clamp(20px,5vh,40px)}.form-footer,.form-footer-note,.field,.field span,.input-shell,.form-field input,.form-field textarea,.form-card input,.form-card textarea,.form-card select,.business-list__item input{color:var(--color-text)}.form-footer{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 48%),var(--color-surface);border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border));box-shadow:var(--shadow-sm)}.form-footer-note{color:var(--color-muted)}.form-card input,.form-card textarea,.business-list__item input,.input-shell input,.field input,.field textarea,.field select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.form-card input:disabled,.form-card textarea:disabled,.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--color-surface-muted);color:var(--color-muted)}.form-field-error,.field.has-error small,.alert.error{overflow-wrap:anywhere}.subscription-activation-card strong{display:block;margin-bottom:4px}.subscription-activation-card span{display:block;line-height:1.55}.system-health-ring strong,.system-health-ring span{color:var(--color-text)}.system-health-ring{border:1px solid color-mix(in srgb,var(--color-success) 22%,var(--color-border))}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:var(--color-sidebar-link)}.sidebar .nav-link:hover span,.sidebar .nav-link.active span,.sidebar .nav-link:hover svg,.sidebar .nav-link.active svg{color:currentColor}:root[data-theme=dark] .property-form-page,:root[data-theme=dark] .form-wrap{color:var(--color-text)}:root[data-theme=dark] .steps,:root[data-theme=dark] .card,:root[data-theme=dark] .form-footer,:root[data-theme=dark] .unit-block,:root[data-theme=dark] .confirm-box,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .unit-count-box,:root[data-theme=dark] .type-card,:root[data-theme=dark] .mode-btn,:root[data-theme=dark] .edit-btn,:root[data-theme=dark] .chip{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .card-header,:root[data-theme=dark] .unit-block-header,:root[data-theme=dark] .steps .step,:root[data-theme=dark] .input:disabled,:root[data-theme=dark] .upload-zone,:root[data-theme=dark] .add-unit-btn{border-color:var(--color-border);background:var(--color-surface-muted)}:root[data-theme=dark] .input,:root[data-theme=dark] select.input,:root[data-theme=dark] textarea.input{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .page-title,:root[data-theme=dark] .card-title,:root[data-theme=dark] .label-text,:root[data-theme=dark] .unit-block-title,:root[data-theme=dark] .stat-val,:root[data-theme=dark] .confirm-title,:root[data-theme=dark] .owner-name,:root[data-theme=dark] .owner-commission-val,:root[data-theme=dark] .review-value,:root[data-theme=dark] .unit-type-text,:root[data-theme=dark] .unit-rent{color:var(--color-text)}:root[data-theme=dark] .page-desc,:root[data-theme=dark] .card-sub,:root[data-theme=dark] .label-opt,:root[data-theme=dark] .field-hint,:root[data-theme=dark] .footer-note,:root[data-theme=dark] .step-lbl,:root[data-theme=dark] .step-name,:root[data-theme=dark] .unit-sub-text,:root[data-theme=dark] .owner-email,:root[data-theme=dark] .review-label,:root[data-theme=dark] .check-text{color:var(--color-muted)}:root[data-theme=dark] .notice,:root[data-theme=dark] .notice-amber,:root[data-theme=dark] .skip-row{background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-border));color:var(--color-text)}@media(max-width:900px){.mobile-footer-nav{display:grid}.app-shell .main-content{padding-bottom:96px}}@media(max-width:640px){.doma-loader{width:100vw;min-height:100vh;border-radius:0}.doma-loader-brand{flex-direction:column;gap:16px;text-align:center}.doma-loader-wordmark{justify-items:center}.doma-loader-product{justify-content:center}.doma-loader-product span{text-align:left}.doma-loader-progress{width:min(100%,320px)}.app-shell .list-filter-actions,.app-shell .list-filter-button-row,.app-shell .list-filter-button-row .button,.app-shell .list-expanded-filters,.app-shell .list-expanded-filters .field{width:100%;min-width:0;max-width:none}.app-shell .list-expanded-filters{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.doma-loader-grid,.doma-loader-brand,.doma-loader-progress,.doma-loader-progress-fill,.doma-loader-dots span{animation-duration:1ms!important;animation-iteration-count:1!important}.doma-loader-progress-fill{width:100%}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}*,*:before,*:after{box-sizing:border-box}img,svg,video,canvas{max-width:100%}.app-shell,.content-shell,.main-content,.page,.panel,.table-card,.table-wrap,.table-wrapper,.mobile-list,.mobile-record,.form-grid,.form-card,.detail-grid,.business-page,.dashboard-page-header,.metric-cards-grid,.three-col-layout,.platform-insight-card,.quick-actions-new{min-width:0;max-width:100%}.app-shell{min-height:100dvh;overflow-x:clip}.content-shell{width:100%;overflow-x:clip}.main-content{overflow-x:clip}.table-wrap,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table,.table-wrapper table{min-width:760px}.field,.form-field,.input-shell,.searchable-select,.searchable-select-trigger,.searchable-select-menu,.dropdown-menu,.search-popover,.notifications-popover,.button,.form-button,.button-new,.action-btn,input,select,textarea{max-width:100%}.button,.form-button,.button-new,.quick-actions-new a,.quick-actions-new button,.page-actions a,.page-actions button,.form-footer-actions a,.form-footer-actions button{min-width:0;white-space:normal}.metric-card-value,.stat-value,.platform-revenue-callout strong,.insight-stat strong,.business-stat strong,.detail-summary-item strong,.mobile-record strong,td,th{overflow-wrap:anywhere}.sidebar{height:100dvh;max-height:100dvh;overscroll-behavior:contain}.sidebar-scroll{min-height:0;max-height:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-footer{min-height:0}.auth-page{min-height:100dvh;width:100%;overflow-x:clip}.auth-card{max-width:min(100%,460px)}.auth-brand img{width:auto;height:clamp(58px,11vw,76px)}.doma-loader,.doma-loader.is-compact,.page-loading-screen{width:100%;min-width:100%;min-height:100dvh;overflow:hidden}.doma-loader-content{max-width:calc(100vw - 32px)}.company-scope-control{width:100%;min-width:0}@media(max-width:1023px){.sidebar{position:fixed;top:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(86vw,320px);max-width:calc(100vw - 24px);height:100dvh;max-height:100dvh;overflow:hidden}.sidebar-scroll{overflow-y:auto;padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.sidebar-footer{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.app-shell .topbar{width:100%;max-width:100%}}@media(max-width:767px){.auth-page{align-items:start;place-items:start center;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.auth-card{width:min(100%,440px);padding:clamp(18px,5vw,28px)}.auth-card h1{font-size:clamp(26px,8vw,34px);line-height:1.05}.auth-links,.form-footer-actions,.modal-actions,.quick-actions-new,.page-actions{display:grid;grid-template-columns:1fr;width:100%}.quick-actions-new>*,.page-actions>*,.form-footer-actions>*,.modal-actions>*{width:100%;justify-content:center}.dashboard-page-header{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.metric-cards-grid,.three-col-layout,.three-col-layout.two-up,.platform-split-stats,.business-layout,.business-stats{grid-template-columns:1fr!important}.list-controls{display:grid;grid-template-columns:1fr;width:100%}.list-controls .field,.list-controls .field:first-child,.list-filter-actions,.list-filter-button-row,.list-filter-button-row .button{width:100%;min-width:0}.list-filter-button-row{display:grid;grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.modal,.panel.modal{width:100%;max-width:100%;max-height:calc(100dvh - 24px);overflow:auto}.doma-loader-brand{flex-direction:column;gap:clamp(12px,4vw,18px);text-align:center}.doma-loader-name{font-size:clamp(34px,14vw,58px)}.doma-loader-product{flex-wrap:wrap}}@media(max-width:420px){.main-content,.app-shell .main-content{padding-left:12px;padding-right:12px}.topbar-title{max-width:52vw}.notifications-popover,.search-popover,.dropdown-menu{position:fixed;left:10px;right:10px;width:auto;max-width:none}.doma-loader-product i{display:none}.doma-loader-product span{width:100%;text-align:center}}@media(max-width:767px){html,body,#root{width:100%;min-width:0;max-width:100%}.app-shell,.app-shell.is-collapsed{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important;overflow-x:hidden}.app-shell *,.app-shell *:before,.app-shell *:after{min-width:0}.app-shell .content-shell,.app-shell .main-content,.app-shell .page,.app-shell section,.app-shell article{width:100%;max-width:100%;overflow-x:visible}.app-shell .content-shell,.app-shell .main-content,.app-shell .page,.app-shell section,.app-shell article,.app-shell .dashboard-page-header,.app-shell .page-title-row,.app-shell .business-hero,.app-shell .panel,.app-shell .form-card,.app-shell .table-card,.app-shell .metric-card,.app-shell .metric-card-new,.app-shell .platform-insight-card,.app-shell .mobile-record,.app-shell .list-controls,.app-shell .field{min-width:0;max-width:100%}.app-shell .main-content{padding-inline:14px}.app-shell .dashboard-page-header,.app-shell .page-title-row,.app-shell .business-hero,.app-shell .panel,.app-shell .form-card,.app-shell .table-card,.app-shell .metric-card,.app-shell .metric-card-new,.app-shell .platform-insight-card,.app-shell .mobile-record{width:100%}.app-shell .table-wrap,.app-shell .table-wrapper,.app-shell .subscription-table-scroll,.app-shell .report-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-shell .quick-actions-new,.app-shell .page-actions,.app-shell .form-footer-actions,.app-shell .pagination,.app-shell .pg-btns{flex-wrap:wrap}.app-shell .topbar-actions{flex-wrap:nowrap;min-width:max-content}.app-shell .icon-button,.app-shell .avatar-button,.app-shell .collapse-icon,.app-shell .drawer-close,.app-shell .menu-button{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 40px;padding:0}.app-shell .icon-button svg,.app-shell .collapse-icon svg,.app-shell .drawer-close svg,.mobile-footer-nav svg{width:18px;min-width:18px;max-width:18px;height:18px;flex:0 0 18px}.app-shell .notifications-menu,.app-shell .user-menu{flex:0 0 auto;min-width:40px}.app-shell .notifications-popover{width:min(380px,calc(100vw - 24px));min-width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.app-shell .button,.app-shell .form-button,.app-shell .button-new,.app-shell select,.app-shell input,.app-shell textarea{max-width:100%}}.auth-card,.auth-card *{min-width:0}.app-shell .settings-shell,.app-shell .settings-company-card,.app-shell .settings-company-editor,.app-shell .settings-group,.app-shell .settings-group-body,.app-shell .settings-row,.app-shell .settings-control,.app-shell .settings-input,.app-shell .settings-json{min-width:0;max-width:100%}.app-shell .settings-group{overflow:visible}.app-shell .settings-input,.app-shell .settings-json{overflow-wrap:anywhere}:root[data-theme=dark] .detail-grid,:root[data-theme=dark] .detail-grid.polished,:root[data-theme=dark] .detail-item,:root[data-theme=dark] .mobile-record,:root[data-theme=dark] .table-card,:root[data-theme=dark] .table-wrapper,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .settings-group,:root[data-theme=dark] .settings-group-header,:root[data-theme=dark] .settings-company-card,:root[data-theme=dark] .settings-company-editor,:root[data-theme=dark] .subscription-activation-card,:root[data-theme=dark] .subscription-plan-card,:root[data-theme=dark] .subscription-card,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .role-card,:root[data-theme=dark] .permission-card,:root[data-theme=dark] .record-card,:root[data-theme=dark] .info-card{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .detail-item span,:root[data-theme=dark] .mobile-record span,:root[data-theme=dark] .settings-row p,:root[data-theme=dark] .settings-group-title small,:root[data-theme=dark] .form-card-sub,:root[data-theme=dark] .card-sub,:root[data-theme=dark] .record-card small,:root[data-theme=dark] .info-card small{color:var(--color-muted)}:root[data-theme=dark] .settings-input,:root[data-theme=dark] .settings-json,:root[data-theme=dark] .searchable-select-trigger,:root[data-theme=dark] .searchable-select-menu,:root[data-theme=dark] .searchable-select-search{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}@media(max-width:900px){.topbar,.app-shell .topbar{grid-template-columns:40px minmax(0,1fr) max-content;gap:8px;padding-inline:10px;overflow:visible}.topbar .global-search,.app-shell .topbar .global-search{display:none}.topbar-title,.app-shell .topbar-title{min-width:0;max-width:none}.topbar-actions,.app-shell .topbar-actions{min-width:0;max-width:max-content;gap:6px}.topbar-actions .theme-toggle,.app-shell .topbar-actions .theme-toggle{display:none}.avatar-button,.app-shell .avatar-button{width:40px;min-width:40px;max-width:40px;height:40px;padding:0;flex:0 0 40px;justify-content:center}.avatar-button>span:not(.avatar),.app-shell .avatar-button>span:not(.avatar){display:none}.sidebar.is-open{grid-template-rows:auto minmax(0,1fr) auto}.sidebar.is-open .sidebar-scroll{min-height:0;max-height:none;padding-bottom:var(--space-3)}.sidebar.is-open .sidebar-footer{display:grid;position:sticky;bottom:0;z-index:2;background:var(--color-secondary);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.settings-company-card,.app-shell .settings-company-card,.settings-editor-head,.app-shell .settings-editor-head,.settings-row,.app-shell .settings-row{grid-template-columns:1fr}.settings-company-card,.app-shell .settings-company-card{justify-items:start}.settings-company-status,.settings-save,.settings-save-wide,.app-shell .settings-company-status,.app-shell .settings-save,.app-shell .settings-save-wide{width:100%;justify-content:center}}@media(max-width:767px){.auth-page{display:grid;place-items:center;align-items:center;min-height:100dvh;padding:max(36px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}.auth-card{width:min(100%,440px);max-height:calc(100dvh - max(72px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,6vw,30px)}.auth-card:before,.auth-card:after{pointer-events:none}.auth-card h1,.auth-card p{overflow-wrap:anywhere}.main-content,.app-shell .main-content{padding-inline:12px}.settings-shell,.app-shell .settings-shell{width:100%}.settings-group-header,.settings-row,.app-shell .settings-group-header,.app-shell .settings-row{padding-inline:14px}}.table-wrapper td,.table-wrap td,.table-wrapper th,.table-wrap th{vertical-align:middle}.table-wrapper td,.table-wrap td{line-height:1.35}.table-wrapper td:has(a[href^="mailto:"]),.table-wrap td:has(a[href^="mailto:"]),.table-wrapper td[data-column*=email i],.table-wrap td[data-column*=email i]{white-space:nowrap;word-break:normal;overflow-wrap:normal}.table-wrapper td a[href^="mailto:"],.table-wrap td a[href^="mailto:"]{display:inline-block;max-width:min(32ch,34vw);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.badge,.status-badge,.payment-status,.subscription-status,.settings-company-status span,.table-wrapper td .badge,.table-wrap td .badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;line-height:1}:root[data-theme=dark] .report-card,:root[data-theme=dark] .report-panel,:root[data-theme=dark] .report-filter-card,:root[data-theme=dark] .report-summary-card,:root[data-theme=dark] .report-actions-dropdown,:root[data-theme=dark] .dashboard-card,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .chart-panel,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .kpi-card,:root[data-theme=dark] .card,:root[data-theme=dark] .panel,:root[data-theme=dark] .form-card,:root[data-theme=dark] .form-footer,:root[data-theme=dark] .boolean-field,:root[data-theme=dark] .type-card{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .boolean-field.is-selected,:root[data-theme=dark] .type-card.is-selected,:root[data-theme=dark] .mode-btn.is-selected,:root[data-theme=dark] .chip.is-selected,:root[data-theme=dark] .status-option.is-selected,:root[data-theme=dark] input[type=radio]:checked+span,:root[data-theme=dark] input[type=checkbox]:checked+span{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface));color:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}:root[data-theme=dark] .button.secondary,:root[data-theme=dark] .form-button.secondary,:root[data-theme=dark] .button-new.secondary,:root[data-theme=dark] .action-btn,:root[data-theme=dark] button:not(.primary):not(.button-new):not(.icon-button):not(.avatar-button){border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}@media(max-width:900px){.topbar,.app-shell .topbar{grid-template-columns:40px minmax(0,1fr) max-content}.topbar-actions .theme-toggle,.app-shell .topbar-actions .theme-toggle{display:inline-grid}.topbar-divider{display:none}}@media(max-width:767px){.auth-page{align-items:center!important;place-items:center!important;padding-block:max(48px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-bottom))!important;overflow:hidden}.auth-card{max-height:calc(100dvh - 82px);overflow-y:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.auth-card::-webkit-scrollbar{width:6px}.auth-card::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--color-primary) 42%,transparent)}.table-wrapper td a[href^="mailto:"],.table-wrap td a[href^="mailto:"]{max-width:26ch}}.table-wrapper th,.table-wrap th,.table-wrapper td,.table-wrap td{max-width:280px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden;text-overflow:ellipsis}.table-wrapper td>a,.table-wrap td>a,.table-wrapper td>span,.table-wrap td>span,.table-wrapper td>div:not(.actions-cell):not(.empty-state),.table-wrap td>div:not(.actions-cell):not(.empty-state){min-width:0;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.table-wrapper td:last-child,.table-wrap td:last-child,.table-wrapper .actions-cell,.table-wrap .actions-cell{max-width:none;overflow:visible}.status-badge,.badge,.payment-status,.subscription-status,.button,.button-new,.form-button,.action-btn{white-space:nowrap!important}@media(min-width:901px){.notifications-menu .notifications-popover{width:min(600px,calc(100vw - 96px))!important;min-width:min(460px,calc(100vw - 96px))!important;max-height:min(72vh,640px);overflow-y:auto}.notifications-popover .notification-row a{min-width:0}.notifications-popover .notification-row span{display:-webkit-box;white-space:normal;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:root[data-theme=dark] .progress-header-new span:last-child,:root[data-theme=dark] .progress-header-new strong+span,:root[data-theme=dark] .progress-header-new span,:root[data-theme=dark] .occupancy-ring-chart,:root[data-theme=dark] .occupancy-ring-chart text{color:#f8fafc!important;fill:#f8fafc!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}:root[data-theme=dark] .occupancy-ring-chart .occupancy-ring-label{color:#cbd5e1!important;fill:#cbd5e1!important}:root[data-theme=dark] .panel-header-new .icon-button,:root[data-theme=dark] .recent-activity .icon-button{border:1px solid rgba(148,163,184,.26)!important;background:#94a3b829!important;color:#e5edf8!important}.sidebar-footer .avatar,.sidebar-user .avatar{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.36)}.sidebar-user strong{color:#fffffff5}.sidebar-user span{color:#ffffffb8}.guidance-coach{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(18px,4vw,34px);z-index:70;width:min(390px,calc(100vw - 32px));padding:18px;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 48%),var(--color-surface);color:var(--color-text);box-shadow:0 22px 70px #0f172a38}.guidance-coach strong{display:block;padding-right:28px;font-size:15px;line-height:1.25}.guidance-coach p{margin:8px 0 14px;color:var(--color-muted);font-size:13px;line-height:1.55}.guidance-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-muted) 12%,transparent);color:var(--color-text);display:inline-grid;place-items:center;cursor:pointer}.guidance-actions{display:flex;flex-wrap:wrap;gap:8px}.guidance-actions a,.guidance-actions button{border:1px solid var(--color-border);border-radius:999px;padding:9px 12px;background:var(--color-surface-muted);color:var(--color-text);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.guidance-actions a{border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border));background:var(--color-primary);color:var(--color-inverse)}.guidance-toggle.is-active{border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.subscription-action-panel,.modal,.panel.modal,.action-modal,.dialog,.dropdown-panel{max-height:calc(100dvh - 112px);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}.modal-backdrop,.dialog-backdrop,.drawer-scrim{overscroll-behavior:contain}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root[data-theme=dark] .permission-select-all,:root[data-theme=dark] .permission-picker-item,:root[data-theme=dark] .permission-card,:root[data-theme=dark] .permission-chip-grid span,:root[data-theme=dark] .role-card,:root[data-theme=dark] .access-control-card{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}:root[data-theme=dark] .permission-picker-item:hover,:root[data-theme=dark] .permission-picker-item:has(input:checked),:root[data-theme=dark] .permission-select-all:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border))!important;background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))!important}:root[data-theme=dark] .permission-picker-item strong,:root[data-theme=dark] .permission-picker-item small,:root[data-theme=dark] .permission-select-all strong,:root[data-theme=dark] .permission-select-all small{color:var(--color-text)!important}.subscription-activation-card,.alert,.toast,.popover-empty,.dropdown-menu,.search-popover{color:var(--color-text)}:root[data-theme=dark] .subscription-activation-card,:root[data-theme=dark] .alert,:root[data-theme=dark] .toast,:root[data-theme=dark] .guidance-coach,:root[data-theme=dark] .popover-empty,:root[data-theme=dark] .dropdown-menu,:root[data-theme=dark] .search-popover{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.toast,.alert{color-scheme:light dark}.toast span,.alert span{color:inherit}.toast.success,.alert.success{border-color:color-mix(in srgb,var(--color-success) 42%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 18%,var(--color-surface)),var(--color-surface));color:var(--color-text)}.toast.error,.alert.error{border-color:color-mix(in srgb,var(--color-danger) 42%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 18%,var(--color-surface)),var(--color-surface));color:var(--color-text)}.toast.info{border-color:color-mix(in srgb,var(--color-info) 38%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 16%,var(--color-surface)),var(--color-surface));color:var(--color-text)}.toast-close{color:var(--color-muted)}.toast-close:hover,.toast-close:focus-visible{background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-text)}:root[data-theme=dark] .toast,:root[data-theme=dark] .alert{box-shadow:0 24px 60px #0000006b}:root[data-theme=dark] .toast.success,:root[data-theme=dark] .alert.success{border-color:color-mix(in srgb,var(--color-success) 48%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 20%,#0f172a),#111827);color:#ecfdf5}:root[data-theme=dark] .toast.error,:root[data-theme=dark] .alert.error{border-color:color-mix(in srgb,var(--color-danger) 48%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 20%,#0f172a),#111827);color:#fef2f2}:root[data-theme=dark] .toast.info{border-color:color-mix(in srgb,var(--color-info) 46%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 20%,#0f172a),#111827);color:#eff6ff}@media(max-width:767px){.topbar,.app-shell .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:75!important;width:100%!important;max-width:100vw!important;border-radius:0!important}.main-content,.app-shell .main-content{padding-top:calc(72px + var(--space-3))!important}.table-wrapper th,.table-wrap th,.table-wrapper td,.table-wrap td{max-width:220px}.guidance-coach{right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;padding:16px}.guidance-actions{display:grid;grid-template-columns:1fr}.guidance-actions a,.guidance-actions button{width:100%;text-align:center}.subscription-action-panel,.modal,.panel.modal,.action-modal,.dialog,.dropdown-panel{max-height:calc(100dvh - 92px);-webkit-overflow-scrolling:touch}}.app-shell .dashboard-page-header,.app-shell .sub-banner-new,.app-shell .metric-card-new,.app-shell .panel-new,.app-shell .usage-item-new,.app-shell .platform-insight-card,.app-shell .notif-item-new,.tenant-portal-hero,.tenant-portal-stat,.tenant-portal-tabs,.tenant-portal-panel,.tenant-portal-alert{border-color:#dbe4ee!important;background:#fff!important;color:#0f172a!important;box-shadow:0 16px 40px #0f172a14!important}.app-shell .dashboard-page-header,.tenant-portal-hero{background:linear-gradient(135deg,#fff,#eef6ff)!important}.app-shell .dashboard-page-header *,.app-shell .sub-banner-new *,.app-shell .metric-card-new *,.app-shell .panel-new *,.app-shell .usage-item-new *,.app-shell .platform-insight-card *,.app-shell .notif-item-new *,.tenant-portal-page,.tenant-portal-page *{color:inherit}.app-shell .dashboard-page-header h1,.app-shell .metric-card-new strong,.app-shell .metric-value,.app-shell .panel-title-new h2,.app-shell .platform-insight-card h2,.tenant-portal-page h1,.tenant-portal-page h2,.tenant-portal-stat strong,.tenant-portal-table th{color:#0f172a!important}.app-shell .dashboard-page-header p,.app-shell .metric-card-new small,.app-shell .metric-card-new p,.app-shell .panel-title-new span,.app-shell .sub-banner-new span,.app-shell .usage-item-new small,.app-shell .platform-insight-card p,.tenant-portal-page p,.tenant-portal-stat small,.tenant-portal-stat em,.tenant-portal-details dt,.tenant-portal-empty{color:#64748b!important}.app-shell .metric-card-icon,.app-shell .sub-banner-new svg,.tenant-portal-stat span,.tenant-portal-refresh,.tenant-portal-tabs button.active{color:#0f6fbf!important}.app-shell .usage-bar-new,.tenant-portal-table-wrap{background:#f1f5f9!important}.app-shell .usage-fill-new{background:linear-gradient(90deg,#0f6fbf,#0f9f6e)!important}.tenant-portal-page{display:grid;gap:18px;color:#0f172a}.tenant-portal-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border:1px solid #dbe4ee;border-radius:8px}.tenant-portal-hero h1{margin:4px 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.1}.tenant-portal-hero p{max-width:760px;margin:0}.tenant-portal-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;font-weight:800;white-space:nowrap;cursor:pointer}.tenant-portal-refresh:disabled{opacity:.7;cursor:wait}.tenant-portal-refresh .spin{animation:tenant-spin 1s linear infinite}@keyframes tenant-spin{to{transform:rotate(360deg)}}.tenant-portal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tenant-portal-stat{display:grid;gap:8px;min-width:0;padding:18px;border:1px solid #dbe4ee;border-radius:8px;text-align:left;cursor:pointer}.tenant-portal-stat span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#eff6ff}.tenant-portal-stat strong{overflow-wrap:anywhere;font-size:20px;line-height:1.2}.tenant-portal-stat em{overflow:hidden;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tenant-portal-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #dbe4ee;border-radius:8px}.tenant-portal-tabs button{min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475569;font-weight:800;cursor:pointer}.tenant-portal-tabs button.active{border-color:#bfdbfe;background:#eff6ff}.tenant-portal-panel{min-height:220px;padding:18px;border:1px solid #dbe4ee;border-radius:8px}.tenant-portal-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}.tenant-portal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0}.tenant-portal-details div,.tenant-portal-billing{padding:14px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.tenant-portal-details dt{margin-bottom:4px;font-size:12px;font-weight:800;text-transform:uppercase}.tenant-portal-details dd{margin:0;font-weight:800}.tenant-portal-billing{display:grid;gap:8px;margin-top:14px}.tenant-portal-billing svg{color:#0f6fbf}.tenant-portal-billing strong{font-size:26px}.tenant-portal-table-wrap{width:100%;overflow:auto;border:1px solid #dbe4ee;border-radius:8px}.tenant-portal-table{width:100%;min-width:720px;border-collapse:collapse}.tenant-portal-table th,.tenant-portal-table td{padding:13px 14px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.tenant-portal-table th{background:#f8fafc;font-size:12px;text-transform:uppercase}.tenant-portal-table td{color:#334155;font-weight:650}.tenant-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#f1f5f9;color:#475569!important;font-size:12px;font-weight:900;text-transform:capitalize}.tenant-status.success{background:#dcfce7;color:#166534!important}.tenant-status.warning{background:#fef3c7;color:#92400e!important}.tenant-status.danger{background:#fee2e2;color:#991b1b!important}.tenant-portal-empty,.tenant-portal-alert{display:flex;align-items:center;gap:10px;min-height:88px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc!important}.tenant-portal-alert{min-height:auto;border-color:#fecaca!important;background:#fef2f2!important;color:#991b1b!important}:root[data-theme=dark] .app-shell .dashboard-page-header,:root[data-theme=dark] .app-shell .sub-banner-new,:root[data-theme=dark] .app-shell .metric-card-new,:root[data-theme=dark] .app-shell .panel-new,:root[data-theme=dark] .app-shell .usage-item-new,:root[data-theme=dark] .app-shell .platform-insight-card,:root[data-theme=dark] .app-shell .notif-item-new,:root[data-theme=dark] .tenant-portal-hero,:root[data-theme=dark] .tenant-portal-stat,:root[data-theme=dark] .tenant-portal-tabs,:root[data-theme=dark] .tenant-portal-panel,:root[data-theme=dark] .tenant-portal-alert,:root[data-theme=dark] .tenant-portal-table-wrap,:root[data-theme=dark] .tenant-portal-details div,:root[data-theme=dark] .tenant-portal-billing{border-color:#dbe4ee!important;background-color:#fff!important;color:#0f172a!important}:root[data-theme=dark] .app-shell .dashboard-page-header,:root[data-theme=dark] .tenant-portal-hero{background:linear-gradient(135deg,#fff,#eef6ff)!important}:root[data-theme=dark] .app-shell .dashboard-page-header *,:root[data-theme=dark] .app-shell .sub-banner-new *,:root[data-theme=dark] .app-shell .metric-card-new *,:root[data-theme=dark] .app-shell .panel-new *,:root[data-theme=dark] .app-shell .usage-item-new *,:root[data-theme=dark] .app-shell .platform-insight-card *,:root[data-theme=dark] .app-shell .notif-item-new *,:root[data-theme=dark] .tenant-portal-page,:root[data-theme=dark] .tenant-portal-page *{color:inherit}:root[data-theme=dark] .app-shell .dashboard-page-header h1,:root[data-theme=dark] .app-shell .metric-card-new strong,:root[data-theme=dark] .app-shell .metric-value,:root[data-theme=dark] .app-shell .panel-title-new h2,:root[data-theme=dark] .app-shell .platform-insight-card h2,:root[data-theme=dark] .tenant-portal-page h1,:root[data-theme=dark] .tenant-portal-page h2,:root[data-theme=dark] .tenant-portal-stat strong,:root[data-theme=dark] .tenant-portal-table th{color:#0f172a!important}:root[data-theme=dark] .app-shell .dashboard-page-header p,:root[data-theme=dark] .app-shell .metric-card-new small,:root[data-theme=dark] .app-shell .metric-card-new p,:root[data-theme=dark] .app-shell .panel-title-new span,:root[data-theme=dark] .app-shell .sub-banner-new span,:root[data-theme=dark] .app-shell .usage-item-new small,:root[data-theme=dark] .app-shell .platform-insight-card p,:root[data-theme=dark] .tenant-portal-page p,:root[data-theme=dark] .tenant-portal-stat small,:root[data-theme=dark] .tenant-portal-stat em,:root[data-theme=dark] .tenant-portal-details dt,:root[data-theme=dark] .tenant-portal-empty{color:#64748b!important}:root[data-theme=dark] .tenant-portal-table th,:root[data-theme=dark] .tenant-portal-details div,:root[data-theme=dark] .tenant-portal-billing,:root[data-theme=dark] .tenant-portal-empty{background:#f8fafc!important}:root[data-theme=dark] .tenant-portal-table td{color:#334155!important}@media(max-width:900px){.tenant-portal-summary,.tenant-portal-overview{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tenant-portal-page{gap:14px}.tenant-portal-hero{align-items:stretch;flex-direction:column;padding:18px}.tenant-portal-refresh{width:100%}.tenant-portal-summary,.tenant-portal-overview,.tenant-portal-details{grid-template-columns:1fr}.tenant-portal-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tenant-portal-tabs button{flex:0 0 auto}.tenant-portal-panel{padding:12px}}.app-shell .list-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.app-shell .list-primary-filters{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;align-items:flex-end!important;min-width:0!important;overflow-x:auto!important;padding-bottom:2px;scrollbar-width:thin}.app-shell .list-primary-filters .field{flex:0 0 clamp(150px,15vw,210px)}.app-shell .list-primary-filters .field:first-child{flex:1 0 clamp(260px,28vw,430px)}.app-shell .list-expanded-filters{flex:none!important;order:initial!important;width:100%}.app-shell .list-filter-action-row{display:flex!important;justify-content:flex-end;gap:8px;order:initial!important;width:100%}.action-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:70;display:none;min-width:190px;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-lg)}.action-menu-dropdown .action-btn{width:100%;min-height:38px;height:auto;justify-content:flex-start;gap:10px;padding:0 10px}.action-menu-dropdown .action-btn:after{content:attr(title);overflow:hidden;color:inherit;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.table-wrapper td,.table-wrap td,.tenant-portal-table td{font-weight:400!important}.table-wrapper td strong,.table-wrap td strong,.tenant-portal-table td strong{font-weight:600!important}.notification-count{top:-3px!important;right:-3px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:19px!important;height:19px!important;padding:0 5px!important;line-height:19px!important;text-align:center!important}.user-menu .dropdown-menu{width:min(260px,calc(100vw - 20px))}.subscription-page .subscription-action-panel,.app-shell .subscription-action-panel{max-height:none!important;overflow:visible!important}.subscription-page .panel-new,.subscription-page .metric-card-new{overflow:visible!important}.system-health-ring{align-content:center;justify-items:center;gap:4px;padding:16px;text-align:center}.system-health-ring strong{max-width:92px;color:var(--color-success)!important;font-size:clamp(16px,2vw,22px)!important;line-height:1.05!important;overflow-wrap:anywhere}.system-health-ring span{max-width:92px;color:var(--color-muted)!important;line-height:1.15}.app-shell .dashboard-page-header,.app-shell .sub-banner-new,.app-shell .metric-card-new,.app-shell .panel-new,.app-shell .usage-item-new,.app-shell .platform-insight-card,.app-shell .notif-item-new,.tenant-portal-hero,.tenant-portal-stat,.tenant-portal-tabs,.tenant-portal-panel,.tenant-portal-alert,.tenant-portal-card-wide,.tenant-portal-tips,.tenant-portal-report-tile{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-sm)!important}.app-shell .dashboard-page-header,.tenant-portal-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-surface)) 0%,var(--color-surface) 72%)!important}.app-shell .dashboard-page-header h1,.app-shell .metric-card-new strong,.app-shell .metric-card-value,.app-shell .metric-value,.app-shell .panel-title-new h2,.app-shell .platform-insight-card h2,.app-shell .platform-insight-card h3,.tenant-portal-page h1,.tenant-portal-page h2,.tenant-portal-stat strong,.tenant-portal-details dd,.tenant-portal-table th,.tenant-portal-report-tile strong{color:var(--color-text)!important}.app-shell .dashboard-page-header p,.app-shell .dashboard-page-header .page-header-sub,.app-shell .dashboard-page-header .page-header-greeting,.app-shell .metric-card-new small,.app-shell .metric-card-new p,.app-shell .metric-card-label,.app-shell .metric-card-meta,.app-shell .panel-title-new span,.app-shell .sub-banner-new span,.app-shell .usage-item-new small,.app-shell .platform-insight-card p,.tenant-portal-page p,.tenant-portal-stat small,.tenant-portal-stat em,.tenant-portal-details dt,.tenant-portal-empty,.tenant-portal-tips li,.tenant-portal-report-tile span{color:var(--color-muted)!important}.app-shell .usage-bar-new,.tenant-portal-table-wrap,.tenant-portal-details div,.tenant-portal-billing,.tenant-portal-empty,.tenant-portal-table th,.tenant-portal-tip-inline{border-color:var(--color-border)!important;background:var(--color-surface-muted)!important;color:var(--color-text)!important}@media(max-width:900px){.mobile-footer-nav{grid-template-columns:repeat(6,minmax(0,1fr));left:8px;right:8px;gap:2px;padding:6px;border-radius:18px}.mobile-footer-nav a{min-height:48px;border-radius:12px;font-size:10px}}@media(max-width:767px){.app-shell .list-filter-action-row{display:grid!important;grid-template-columns:1fr}.app-shell .list-filter-action-row .button{width:100%}.topbar-actions .user-menu .dropdown-menu{position:fixed!important;top:58px!important;left:10px!important;right:10px!important;width:auto!important;min-width:0!important}}.app-shell .tenant-portal-page{color:var(--color-text)!important}.app-shell .tenant-portal-hero,.app-shell .tenant-portal-stat,.app-shell .tenant-portal-tabs,.app-shell .tenant-portal-panel,.app-shell .tenant-portal-card-wide,.app-shell .tenant-portal-tips,.app-shell .tenant-portal-permissions,.app-shell .tenant-portal-report-tile{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-sm)!important}.app-shell .tenant-portal-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-surface)) 0%,var(--color-surface) 72%)!important}.app-shell .tenant-portal-page h1,.app-shell .tenant-portal-page h2,.app-shell .tenant-portal-stat strong,.app-shell .tenant-portal-details dd,.app-shell .tenant-portal-table th,.app-shell .tenant-portal-report-tile strong{color:var(--color-text)!important}.app-shell .tenant-portal-page p,.app-shell .tenant-portal-stat small,.app-shell .tenant-portal-stat em,.app-shell .tenant-portal-details dt,.app-shell .tenant-portal-empty,.app-shell .tenant-portal-tips li,.app-shell .tenant-portal-permissions span,.app-shell .tenant-portal-permissions small,.app-shell .tenant-portal-report-tile span,.app-shell .tenant-portal-tip-inline,.app-shell .tenant-portal-maintenance-form label{color:var(--color-muted)!important}.app-shell .tenant-portal-stat span,.app-shell .tenant-portal-refresh,.app-shell .tenant-portal-tabs button.active,.app-shell .tenant-portal-section-title svg,.app-shell .tenant-portal-report-tile svg{color:var(--color-primary)!important}.app-shell .tenant-portal-stat span,.app-shell .tenant-portal-refresh,.app-shell .tenant-portal-tabs button.active,.app-shell .tenant-portal-permissions button{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))!important;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))!important}.app-shell .tenant-portal-table-wrap,.app-shell .tenant-portal-details div,.app-shell .tenant-portal-billing,.app-shell .tenant-portal-empty,.app-shell .tenant-portal-table th,.app-shell .tenant-portal-tip-inline{border-color:var(--color-border)!important;background:var(--color-surface-muted)!important;color:var(--color-text)!important}.app-shell .tenant-portal-maintenance-form{border-color:var(--color-border)!important;background:var(--color-surface-muted)!important}.app-shell .tenant-portal-maintenance-form input,.app-shell .tenant-portal-maintenance-form select,.app-shell .tenant-portal-maintenance-form textarea{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}.app-shell .tenant-portal-success{border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border))!important;background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface))!important;color:var(--color-success)!important}.app-shell .tenant-portal-table td{color:var(--color-text)!important}.app-shell .tenant-portal-tabs button{color:var(--color-muted)!important}.tenant-portal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.tenant-portal-card-wide,.tenant-portal-tips{padding:18px;border:1px solid var(--color-border);border-radius:8px}.tenant-portal-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tenant-portal-section-title h2{margin:0;font-size:16px}.tenant-portal-tips ul{display:grid;gap:10px;margin:0;padding-left:18px}.tenant-portal-permissions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:8px}.tenant-portal-permissions span{margin-right:4px;font-size:12px;font-weight:900;text-transform:uppercase}.tenant-portal-permissions button{min-height:30px;padding:0 10px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-primary);font-size:12px;font-weight:850;cursor:pointer}.tenant-portal-tip-inline{margin-bottom:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;font-weight:700}.tenant-portal-maintenance-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:12px}.tenant-portal-maintenance-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--color-border);border-radius:8px}.tenant-portal-maintenance-form label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:850;text-transform:uppercase}.tenant-portal-maintenance-form input,.tenant-portal-maintenance-form select,.tenant-portal-maintenance-form textarea{width:100%;min-width:0;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;font:inherit;text-transform:none}.tenant-portal-maintenance-form textarea{resize:vertical}.tenant-portal-form-wide{grid-column:1 / -1}.tenant-portal-success{margin-bottom:12px;padding:11px 12px;border:1px solid;border-radius:8px;font-size:13px;font-weight:850}.tenant-portal-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tenant-portal-report-tile{display:grid;gap:8px;padding:16px;border:1px solid var(--color-border);border-radius:8px}.tenant-portal-report-tile strong{font-size:22px}@media(max-width:900px){.tenant-portal-grid,.tenant-portal-report-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tenant-portal-grid,.tenant-portal-report-grid{grid-template-columns:1fr}.tenant-portal-permissions{align-items:stretch;flex-direction:column}.tenant-portal-permissions button{width:100%;text-align:left}.tenant-portal-maintenance-actions,.tenant-portal-maintenance-form{grid-template-columns:1fr}.tenant-portal-maintenance-actions .tenant-portal-refresh{width:100%}}.app-shell .list-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.app-shell .list-primary-filters,.app-shell .list-expanded-filters{display:contents}.app-shell .list-controls .field{flex:1 1 clamp(170px,18vw,240px);min-width:min(100%,170px);max-width:280px}.app-shell .list-controls .field:first-child{flex:2 1 clamp(260px,30vw,460px);max-width:520px}.app-shell .list-filter-action-row{display:flex;flex:0 0 auto;gap:10px;margin-left:auto}.tenant-portal-skeleton{display:grid;gap:16px}.tenant-portal-skeleton-card,.tenant-portal-skeleton-block,.tenant-portal-skeleton-table span{overflow:hidden;position:relative}.tenant-portal-skeleton-card:after,.tenant-portal-skeleton-block:after,.tenant-portal-skeleton-table span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 44%),transparent);animation:tenant-skeleton-sheen 1.25s linear infinite}.tenant-portal-skeleton-card i,.tenant-portal-skeleton-card b,.tenant-portal-skeleton-card strong,.tenant-portal-skeleton-card em,.tenant-portal-skeleton-table span{display:block;border-radius:8px;background:color-mix(in srgb,var(--color-border) 48%,var(--color-surface))}.tenant-portal-skeleton-card i{width:36px;height:36px}.tenant-portal-skeleton-card b{width:46%;height:11px}.tenant-portal-skeleton-card strong{width:72%;height:24px}.tenant-portal-skeleton-card em{width:56%;height:12px}.tenant-portal-skeleton-block{min-height:190px;border-radius:8px;background:color-mix(in srgb,var(--color-border) 38%,var(--color-surface))}.tenant-portal-skeleton-table{display:grid;gap:10px}.tenant-portal-skeleton-table span{height:42px}.tenant-portal-statement-form{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,220px)) auto;gap:12px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted)}.tenant-portal-statement-form p{margin:-6px 0 0;font-size:13px;color:var(--color-muted)}.tenant-portal-statement-form label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:850;color:var(--color-muted)}.tenant-portal-statement-form input{min-height:42px;width:100%;min-width:0;border:1px solid var(--color-border);border-radius:8px;padding:9px 11px;background:var(--color-surface);color:var(--color-text)}.sidebar{grid-template-rows:auto minmax(0,1fr) auto}.sidebar-scroll{min-height:0}.sidebar-footer{min-width:0}@keyframes tenant-skeleton-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:900px){.tenant-portal-statement-form{grid-template-columns:1fr 1fr}.tenant-portal-statement-form>div,.tenant-portal-statement-form .tenant-portal-refresh{grid-column:1 / -1}}@media(max-width:640px){.app-shell .list-controls{display:grid;grid-template-columns:1fr}.app-shell .list-primary-filters,.app-shell .list-expanded-filters{display:grid;grid-template-columns:1fr;gap:12px}.app-shell .list-controls .field,.app-shell .list-controls .field:first-child,.app-shell .list-filter-action-row,.app-shell .list-filter-action-row .button{width:100%;max-width:none;min-width:0}.app-shell .list-filter-action-row{display:grid;grid-template-columns:1fr;margin-left:0}.tenant-portal-statement-form{grid-template-columns:1fr}}.app-shell .list-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:14px!important;padding:14px!important;border:1px solid var(--color-border)!important;border-radius:8px!important;background:var(--color-surface-muted)!important;box-shadow:var(--shadow-sm);overflow:visible!important}.app-shell .list-filter-main{display:grid!important;gap:12px!important;min-width:0!important}.app-shell .list-primary-filters{display:grid!important;grid-template-columns:minmax(240px,2fr) repeat(auto-fit,minmax(170px,1fr))!important;align-items:end!important;gap:12px!important;min-width:0!important;width:100%!important;overflow:visible!important;padding-bottom:0!important}.app-shell .list-expanded-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;align-items:end!important;gap:12px!important;min-width:0!important;width:100%!important;flex:none!important;order:initial!important;overflow:visible!important}.app-shell .list-controls .field,.app-shell .list-controls .field:first-child,.app-shell .list-primary-filters .field,.app-shell .list-primary-filters .field:first-child,.app-shell .list-expanded-filters .field{flex:none!important;min-width:0!important;max-width:none!important;width:100%!important}.app-shell .list-filter-action-row{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-self:end!important;gap:10px!important;margin-left:0!important;min-width:0!important;width:auto!important}.app-shell .list-filter-action-row .button{white-space:nowrap}.tenant-portal-loading-strip{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:8px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-text);font-size:13px;font-weight:750}@media(max-width:900px){.app-shell .main-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}.app-shell .list-controls{grid-template-columns:1fr!important;align-items:stretch!important}.app-shell .list-primary-filters,.app-shell .list-expanded-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.app-shell .list-filter-action-row{width:100%!important}.mobile-footer-nav{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);gap:2px;padding:6px;border-radius:18px}.mobile-footer-nav a{min-width:0;min-height:48px;overflow:hidden;border-radius:12px;font-size:10px}.mobile-footer-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:640px){.app-shell .list-primary-filters,.app-shell .list-expanded-filters{grid-template-columns:1fr!important}.app-shell .list-filter-action-row{display:grid!important;grid-template-columns:1fr!important}.app-shell .list-filter-action-row .button{width:100%}.tenant-portal-loading-strip{align-items:flex-start}}.tenant-statements-list-page,.tenant-statement-form-page,.tenant-statement-page{display:grid;gap:18px}.tenant-statement-list-toolbar,.tenant-statement-generator{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.tenant-statement-list-toolbar label,.tenant-statement-generator label{display:grid;gap:7px;min-width:0;color:var(--color-muted);font-size:12px;font-weight:750}.tenant-statement-list-toolbar label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:var(--color-text)}.tenant-statement-list-toolbar input,.tenant-statement-generator input,.tenant-statement-generator select{min-height:42px;width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:0 12px}.tenant-statement-generator{grid-template-columns:repeat(5,minmax(150px,1fr))}.tenant-statement-generator-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tenant-statement-list-table,.statement-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.tenant-statement-list-table table,.statement-table{width:100%;min-width:920px;border-collapse:collapse}.tenant-statement-list-table th,.tenant-statement-list-table td,.statement-table th,.statement-table td{padding:11px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;font-size:13px}.tenant-statement-list-table th,.statement-table th{background:var(--color-surface-muted);color:var(--color-muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:0}.tenant-statement-list-table tr:last-child td,.statement-table tr:last-child td{border-bottom:0}.tenant-statement-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--color-muted);font-size:13px}.tenant-statement-pagination>div{display:flex;gap:8px}.tenant-statement-preview{display:grid;justify-items:center}.statement-print-frame{width:min(100%,210mm);border:0;display:block;background:#fff}.tenant-statement-empty-preview{min-height:120px;display:grid;place-items:center;color:var(--color-muted)}.statement-sheet{--statement-ink: #0F2A3D;--statement-slate: #48586B;--statement-paper: #FAF8F4;--statement-line: #DAD4C6;--statement-teal: #1B7A66;--statement-amber: #B5762A;--statement-expense: #B24444;--statement-panel: #FFFFFF;width:min(100%,820px);margin:0 auto;padding:56px 60px 48px;background:var(--statement-paper);color:var(--statement-ink);box-shadow:0 30px 60px -20px #0f2a3d59;font-family:"Inter",var(--font-sans)}.tenant-statement-preview,.tenant-statement-page{background:#e7e2d6}.statement-letterhead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:22px;border-bottom:2px solid var(--statement-ink);margin-bottom:28px}.statement-brand{display:flex;align-items:center;gap:12px;min-width:0}.statement-brand-glyph{width:40px;height:40px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;background:var(--statement-ink);color:var(--statement-paper);font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:700}.statement-brand-name,.statement-title-row h1,.statement-section-label,.statement-thanks{font-family:Fraunces,Georgia,serif}.statement-brand-name{font-size:19px;font-weight:600;line-height:1.15;letter-spacing:.2px}.statement-brand-sub,.statement-id-label,.statement-tape-label,.statement-summary-card span,.statement-table th{color:var(--statement-slate);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.statement-brand-sub{margin-top:2px;font-size:11px;letter-spacing:.14em}.statement-id{text-align:right;white-space:nowrap}.statement-id-label{font-size:10.5px;letter-spacing:.14em}.statement-id-value,.statement-id-date,.statement-meta-grid strong,.statement-tape-value,.statement-summary-card strong,.statement-table .num,.statement-ref,.statement-mono,.statement-date,.tenant-statement-list-table td:nth-child(1),.tenant-statement-list-table td:nth-child(5),.tenant-statement-list-table td:nth-child(6),.owner-statements-list-page .tenant-statement-list-table td:nth-child(1),.owner-statements-list-page .tenant-statement-list-table td:nth-child(5),.owner-statements-list-page .tenant-statement-list-table td:nth-child(6),.owner-statements-list-page .tenant-statement-list-table td:nth-child(7){font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.statement-id-value{margin-top:2px;font-size:14px;font-weight:600}.statement-id-date{margin-top:6px;color:var(--statement-slate);font-size:12px;font-family:"Inter",var(--font-sans)}.statement-title-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:28px}.statement-title-row h1{margin:0 0 6px;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:0}.statement-title-row p{margin:0 0 4px;color:var(--statement-slate);font-size:13px}.statement-title-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.statement-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid #ECD5AC;background:#fbf0de;color:var(--statement-amber);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.statement-status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.statement-status-chip.is-paid{border-color:color-mix(in srgb,var(--statement-teal) 28%,var(--statement-line));background:color-mix(in srgb,var(--statement-teal) 12%,#ffffff);color:var(--statement-teal)}.statement-meta-grid{display:grid;grid-template-columns:auto auto;gap:2px 14px;text-align:right;color:var(--statement-slate);font-size:12.5px}.statement-meta-grid strong{color:var(--statement-ink);font-size:12.5px;font-weight:600}.statement-ledger-tape{display:flex;align-items:stretch;margin:26px 0 32px;overflow:visible;border:1px solid var(--statement-line);background:var(--statement-panel)}.statement-tape-step{position:relative;flex:1 1 0;min-width:0;padding:16px 18px;border-right:1px dashed var(--statement-line);overflow:visible}.statement-tape-step.final{border-right:0;background:var(--statement-ink)}.statement-tape-step.final .statement-tape-label,.statement-tape-step.final .statement-tape-value{color:var(--statement-paper)}.statement-tape-label{margin-bottom:6px}.statement-tape-value{font-size:16px;font-weight:600;white-space:nowrap}.statement-tape-value.income:before{content:"+ ";color:var(--statement-teal)}.statement-tape-value.expense:before{content:"- ";color:var(--statement-expense)}.statement-tape-op{position:absolute;right:-12px;top:50%;z-index:10;width:24px;height:24px;transform:translateY(-50%);border:1px solid var(--statement-line);border-radius:50%;display:grid;place-items:center;background:var(--statement-paper);box-shadow:0 0 0 3px var(--statement-panel);color:var(--statement-slate);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;line-height:1}.statement-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.statement-summary-card{min-width:0;padding:16px 18px;border:1px solid var(--statement-line);background:var(--statement-panel)}.statement-summary-card span{display:block;margin-bottom:8px;font-size:10.5px}.statement-summary-card strong{display:block;font-size:17px;font-weight:600;white-space:nowrap}.statement-summary-card.highlight{border-color:var(--statement-ink);background:var(--statement-ink)}.statement-summary-card.highlight span{color:#b9c6d2}.statement-summary-card.highlight strong{color:var(--statement-paper);font-size:19px}.statement-section{margin-top:24px}.statement-section-label{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--statement-line);color:var(--statement-ink);font-size:15px;font-weight:600}.statement-table-wrap{overflow-x:auto;border:0;border-radius:0;background:transparent}.statement-table{width:100%;min-width:0;margin-bottom:8px;border-collapse:collapse}.statement-table th{padding:0 10px 10px;border-bottom:1px solid var(--statement-ink);background:transparent;text-align:left}.statement-table th.num,.statement-table td.num{text-align:right}.statement-table td{padding:11px 10px;border-bottom:1px solid var(--statement-line);color:var(--statement-ink);font-size:12.5px;vertical-align:top}.statement-table .row-open td{background:#f2efe7;font-weight:600}.statement-table .row-closing td{border-bottom:2px solid var(--statement-ink);font-weight:600}.statement-table .income{color:var(--statement-teal)}.statement-table .expense{color:var(--statement-expense)}.statement-ref{color:var(--statement-slate);font-size:11.5px}.statement-footer{display:flex;justify-content:space-between;gap:18px;margin-top:34px;padding-top:18px;border-top:1px solid var(--statement-line);color:var(--statement-slate);font-size:11px}.statement-thanks{color:var(--statement-ink);font-size:13px;font-style:italic}@media(max-width:980px){.tenant-statement-generator{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-sheet{padding:42px 34px}.statement-ledger-tape,.statement-summary-cards{grid-template-columns:1fr}.statement-ledger-tape{display:grid}.statement-tape-step{border-right:0;border-bottom:1px dashed var(--statement-line)}.statement-tape-op{right:18px;top:auto;bottom:-12px;transform:none}}@media(max-width:640px){.tenant-statement-list-toolbar,.tenant-statement-generator,.statement-summary-cards{grid-template-columns:1fr}.tenant-statement-generator-actions,.tenant-statement-pagination,.statement-footer,.statement-title-row,.statement-letterhead{display:grid;grid-template-columns:1fr}.statement-title-meta,.statement-id{align-items:flex-start;text-align:left}.statement-sheet{padding:30px 20px}.statement-summary-card strong,.statement-tape-value{white-space:normal}}@media print{@page{size:A4;margin:0}html,body{width:210mm;min-height:297mm;background:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}body *{visibility:hidden!important}.statement-sheet,.statement-sheet *{visibility:visible!important}.tenant-statement-actions,.tenant-statement-generator,.tenant-statement-list-toolbar,.tenant-statement-pagination,.tenant-statement-empty-preview,.mobile-footer-nav,.sidebar,.layout-sidebar,.app-header,.header{display:none!important}.tenant-statement-page,.tenant-statement-form-page,.tenant-statement-preview,.page{display:block!important;padding:0!important;margin:0!important;background:var(--statement-paper, #FAF8F4)!important}.statement-sheet{position:absolute!important;inset:0 auto auto 0!important;width:210mm!important;max-width:none!important;min-height:297mm!important;padding:14mm 16mm 12mm!important;border:0!important;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.statement-table-wrap,.tenant-statement-list-table{overflow:visible!important}.statement-table{min-width:0!important}.statement-table thead{display:table-header-group}.statement-ledger-tape,.statement-summary-cards,.statement-title-row,.statement-letterhead{break-inside:avoid;page-break-inside:avoid}}.statement-preview-container{width:210mm;max-width:100%;margin:30px auto;padding:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:visible}.statement-html-preview{display:block;width:100%;min-height:760px;background:#fff}.statement-print-frame{display:block;width:100%;min-height:1124px;border:none;background:#fff;box-sizing:border-box}.statement-viewer-loading{margin:0 0 16px}@media(max-width:900px){.tenant-statement-actions{align-items:stretch;gap:16px}.tenant-statement-actions .form-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tenant-statement-actions .form-footer-actions .button{width:100%;justify-content:center}.statement-preview-container{width:100%;margin:12px auto 0;border-radius:8px;overflow:auto;-webkit-overflow-scrolling:touch}.statement-print-frame{min-height:78dvh}.statement-html-preview{width:100%;max-width:100%;min-width:0;min-height:78dvh}}@media(max-width:520px){.tenant-statement-page,.owner-statement-page{gap:14px}.tenant-statement-actions .form-footer-actions{grid-template-columns:1fr}.statement-preview-container{margin-inline:0;border-radius:6px;box-shadow:0 1px 4px #00000014;max-height:none;overflow:auto}.statement-print-frame{min-height:82dvh}.statement-html-preview{width:100%;max-width:100%;min-width:0;min-height:82dvh}}@media print{.page.owner-statement-page{max-width:100%;margin:0;padding:0}.page.owner-statement-page .page-title-row,.page.owner-statement-page .tenant-statement-actions{display:none!important}.statement-preview-container{width:100%;max-width:100%;margin:0;padding:0;background:transparent;box-shadow:none;border-radius:0}.statement-print-frame{height:auto!important}}:root{--modal-safe-top: clamp(88px, 10dvh, 128px);--modal-safe-bottom: 24px}.modal-backdrop,.app-shell .modal-backdrop{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;min-height:100dvh!important;padding:var(--modal-safe-top) 24px var(--modal-safe-bottom)!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal,.panel.modal,.app-shell .modal,.app-shell .panel.modal,.action-modal{position:relative!important;inset:auto!important;width:min(760px,calc(100vw - 48px));max-height:calc(100dvh - var(--modal-safe-top) - var(--modal-safe-bottom))!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important;animation:modal-enter .16s ease both}.modal-scroll-body,.app-shell .modal-scroll-body{min-height:0;overflow-y:auto!important;overscroll-behavior:contain}@keyframes modal-enter{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@media(max-width:640px){:root{--modal-safe-top: max(16px, env(safe-area-inset-top));--modal-safe-bottom: max(16px, env(safe-area-inset-bottom))}.modal-backdrop,.app-shell .modal-backdrop{align-items:flex-start!important;padding:var(--modal-safe-top) 12px var(--modal-safe-bottom)!important}.modal,.panel.modal,.app-shell .modal,.app-shell .panel.modal,.action-modal{width:min(95vw,calc(100vw - 24px));max-height:calc(100dvh - var(--modal-safe-top) - var(--modal-safe-bottom))!important}}.statement-sheet{min-height:0!important}.statement-footer{margin-top:18px!important;break-inside:auto;page-break-inside:auto}@media print{.statement-sheet{position:static!important;inset:auto!important;min-height:0!important;height:auto!important}}:root{--modal-header-offset: 112px;--modal-edge-gap: 32px;--modal-mobile-edge-gap: 12px}html.modal-open,body.modal-open,html:has(.modal-backdrop),body:has(.modal-backdrop){overflow:hidden!important}body.modal-open .app-shell,body.modal-open .content-shell,body.modal-open .main-content,body.modal-open .sidebar-scroll,body:has(.modal-backdrop) .app-shell,body:has(.modal-backdrop) .content-shell,body:has(.modal-backdrop) .main-content,body:has(.modal-backdrop) .sidebar-scroll{overflow:hidden!important;overscroll-behavior:none!important}.modal-backdrop,.app-shell .modal-backdrop{position:fixed!important;inset:0!important;z-index:calc(var(--z-toast) + 90)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;padding:calc(var(--modal-header-offset) + var(--modal-edge-gap)) 24px 24px!important;overflow:hidden!important;pointer-events:auto;background:#020617ad!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-backdrop-enter .24s ease both;-webkit-overflow-scrolling:touch}.modal,.panel.modal,.app-shell .modal,.app-shell .panel.modal,.action-modal{position:relative!important;inset:auto!important;width:min(760px,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;max-height:min(90dvh,calc(100dvh - var(--modal-header-offset) - var(--modal-edge-gap) - 24px))!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;pointer-events:auto;transform:none!important;animation:modal-dialog-enter .24s cubic-bezier(.2,.8,.2,1) both}.modal-header,.app-shell .modal-header{flex:0 0 auto!important}.modal-scroll-body,.app-shell .modal-scroll-body,.modal-body,.app-shell .modal-body,.action-modal-fields,.app-shell .action-modal-fields{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}.modal-footer,.app-shell .modal-footer,.modal .form-footer-actions,.panel.modal .form-footer-actions,.action-modal .form-footer-actions{flex:0 0 auto!important;position:sticky;bottom:0;z-index:1;background:inherit}.panel.modal.action-confirm-modal,.app-shell .panel.modal.action-confirm-modal{width:min(640px,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;gap:0!important}.action-confirm-modal .modal-header{margin-bottom:18px!important}.action-confirm-modal .modal-scroll-body{overflow:visible!important}.action-confirm-modal .action-dialog-body{margin:0!important}.action-confirm-modal .modal-actions{margin-top:22px!important;padding-top:18px!important;border-top:1px solid var(--color-border);background:transparent!important}@media(max-width:767px){:root{--modal-header-offset: 72px;--modal-edge-gap: 12px}.modal-backdrop,.app-shell .modal-backdrop{align-items:flex-start!important;padding:calc(var(--modal-header-offset) + var(--modal-edge-gap)) var(--modal-mobile-edge-gap) var(--modal-mobile-edge-gap)!important;overflow:hidden!important}.modal,.panel.modal,.app-shell .modal,.app-shell .panel.modal,.action-modal{width:min(95vw,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(90dvh,calc(100dvh - var(--modal-header-offset) - var(--modal-edge-gap) - var(--modal-mobile-edge-gap)))!important;border-radius:var(--radius-xl)!important}}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-dialog-enter{0%{opacity:0;transform:translateY(-10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}body.modal-open:before,body:has(.modal-backdrop):before{content:"";position:fixed;inset:0;z-index:calc(var(--z-toast) + 89);width:100vw;height:100dvh;pointer-events:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:modal-backdrop-enter .22s ease both}.modal-backdrop,.app-shell .modal-backdrop{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body>.modal-backdrop,.modal-backdrop,.app-shell .modal-backdrop{position:fixed!important;inset:0!important;z-index:3000!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;overflow:hidden!important}.modal-backdrop:before,.app-shell .modal-backdrop:before{content:"";position:fixed;inset:0;z-index:0;width:100vw;height:100dvh;pointer-events:none;background:#080d18a3;backdrop-filter:blur(4px) saturate(.9);-webkit-backdrop-filter:blur(4px) saturate(.9);animation:modal-backdrop-enter .22s ease both}.modal-backdrop>*,.app-shell .modal-backdrop>*{position:relative;z-index:1}body>.modal-backdrop .modal,body>.modal-backdrop .panel.modal,.modal-backdrop .modal,.modal-backdrop .panel.modal{margin:0 auto!important;max-height:calc(100dvh - 48px)!important}body.modal-open .sidebar,body:has(.modal-backdrop) .sidebar,html.modal-open .sidebar,html:has(.modal-backdrop) .sidebar{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body.modal-open .sidebar-scroll,body:has(.modal-backdrop) .sidebar-scroll,html.modal-open .sidebar-scroll,html:has(.modal-backdrop) .sidebar-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}@media(min-width:1024px){body.modal-open .sidebar,body:has(.modal-backdrop) .sidebar,html.modal-open .sidebar,html:has(.modal-backdrop) .sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;transform:none!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}}body:has(>.modal-backdrop) .app-shell,html:has(body>.modal-backdrop) .app-shell{overflow:visible!important;transition:none!important}body:has(>.modal-backdrop) .app-shell:not(.is-collapsed),html:has(body>.modal-backdrop) .app-shell:not(.is-collapsed){grid-template-columns:256px minmax(0,1fr)!important}body:has(>.modal-backdrop) .app-shell.is-collapsed,html:has(body>.modal-backdrop) .app-shell.is-collapsed{grid-template-columns:64px minmax(0,1fr)!important}body:has(>.modal-backdrop) .content-shell,html:has(body>.modal-backdrop) .content-shell{min-width:0!important;width:100%!important;overflow:visible!important}body:has(>.modal-backdrop) .main-content,html:has(body>.modal-backdrop) .main-content{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}@media(min-width:1024px){body:has(>.modal-backdrop) .sidebar,html:has(body>.modal-backdrop) .sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;translate:none!important}body:has(>.modal-backdrop) .sidebar-scroll,html:has(body>.modal-backdrop) .sidebar-scroll{overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;translate:none!important}}html,body,#root{height:100%;min-height:100%;overflow:hidden!important}body{position:fixed;inset:0;width:100%}.app-shell,.app-shell.is-collapsed{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.content-shell{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;grid-template-rows:auto minmax(0,1fr)!important}.content-shell>.topbar,.app-shell .topbar{grid-row:1!important;flex:0 0 auto!important;position:relative!important;top:auto!important}.content-shell>.main-content,.app-shell .main-content{grid-row:2!important;min-height:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.sidebar,.app-shell .sidebar{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;position:sticky!important;top:0!important;align-self:start!important}.sidebar-scroll{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}@media(max-width:1023px){.sidebar,.app-shell .sidebar{position:fixed!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important}}@media(max-width:767px){body>.modal-backdrop .modal,body>.modal-backdrop .panel.modal,.modal-backdrop .modal,.modal-backdrop .panel.modal,.action-modal{border-radius:var(--radius-xl)!important;overflow:hidden!important}}.mobile-footer-nav button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}@media(max-width:1023px){:root{--mobile-topbar-height: 88px;--mobile-bottom-nav-height: 86px}.mobile-footer-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:calc(var(--z-drawer) + 8)!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;width:100vw!important;max-width:none!important;margin:0!important;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;gap:4px!important;border-radius:18px 18px 0 0!important;border:1px solid rgb(148 163 184 / 24%)!important;border-bottom:0!important;background:color-mix(in srgb,var(--color-surface) 94%,transparent)!important;box-shadow:0 -18px 40px #0f172a2e!important;backdrop-filter:blur(18px) saturate(1.2)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important}.mobile-footer-nav a,.mobile-footer-nav button{flex:1 1 0!important;min-width:0!important;min-height:52px!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 2px!important;border-radius:12px!important;color:var(--color-muted)!important;text-align:center!important;text-decoration:none!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}.mobile-footer-nav a.active,.mobile-footer-nav button.active,.mobile-footer-nav a:focus-visible,.mobile-footer-nav button:focus-visible{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 12%,transparent)!important;outline:2px solid color-mix(in srgb,var(--color-primary) 34%,transparent)!important;outline-offset:2px!important}.mobile-footer-nav span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:700!important;line-height:1.1!important}.app-shell .main-content{padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 24px)!important}.sidebar,.app-shell .sidebar{top:0!important;z-index:2200!important;width:min(86vw,328px)!important;height:100dvh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important;transform:translate(-104%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease!important;overflow:hidden!important}.sidebar.is-open,.app-shell .sidebar.is-open{transform:translate(0)!important}.sidebar .brand{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;min-height:76px!important;padding:max(14px,env(safe-area-inset-top)) 14px 12px!important}.sidebar.is-open .sidebar-brand-logo-section,.app-shell .sidebar.is-open .sidebar-brand-logo-section{display:flex!important}.sidebar.is-open .sidebar-brand-logo,.app-shell .sidebar.is-open .sidebar-brand-logo{display:block!important;width:132px!important;height:54px!important;object-fit:contain!important}.sidebar.is-open .brand-actions,.app-shell .sidebar.is-open .brand-actions{display:flex!important;margin-left:auto!important}.sidebar.is-open .drawer-close,.app-shell .sidebar.is-open .drawer-close{display:inline-grid!important}.sidebar.is-open .collapse-icon,.app-shell .sidebar.is-open .collapse-icon{display:none!important}.sidebar-scroll{min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}.sidebar-footer{display:grid!important;flex:0 0 auto!important;margin-bottom:env(safe-area-inset-bottom)!important;position:relative!important;z-index:2!important}.sidebar.is-open .sidebar-user,.app-shell .sidebar.is-open .sidebar-user{display:flex!important;min-width:0!important}.sidebar.is-open .sidebar-user .avatar,.app-shell .sidebar.is-open .sidebar-user .avatar{display:inline-flex!important;flex:0 0 auto!important}.sidebar.is-open .sidebar-user div,.app-shell .sidebar.is-open .sidebar-user div{display:grid!important;min-width:0!important}.mobile-sidebar-actions{display:none!important}.drawer-scrim{position:fixed!important;inset:0!important;z-index:2190!important;height:auto!important;transition:opacity .22s ease!important}}@media(max-width:420px){:root{--mobile-topbar-height: 82px;--mobile-bottom-nav-height: 82px}.mobile-footer-nav{gap:2px!important;padding-top:7px!important}.mobile-footer-nav a,.mobile-footer-nav button{min-height:50px!important}.mobile-footer-nav span{font-size:9.8px!important}}@media(min-width:1024px){.sidebar.is-collapsed .brand,.app-shell .sidebar.is-collapsed .brand{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:72px!important;padding:12px 8px!important}.sidebar.is-collapsed .sidebar-brand-logo-section,.app-shell .sidebar.is-collapsed .sidebar-brand-logo-section{display:flex!important;align-items:center!important;justify-content:center!important}.sidebar.is-collapsed .sidebar-brand-logo,.app-shell .sidebar.is-collapsed .sidebar-brand-logo{display:none!important}.sidebar.is-collapsed .sidebar-brand-icon,.app-shell .sidebar.is-collapsed .sidebar-brand-icon{display:block!important;width:38px!important;height:38px!important}.sidebar:not(.is-collapsed) .sidebar-brand-icon,.app-shell .sidebar:not(.is-collapsed) .sidebar-brand-icon{display:none!important}.sidebar.is-collapsed .brand-actions,.app-shell .sidebar.is-collapsed .brand-actions,.sidebar.is-collapsed .collapse-icon,.app-shell .sidebar.is-collapsed .collapse-icon{display:none!important}.sidebar:not(.is-collapsed) .brand-actions,.app-shell .sidebar:not(.is-collapsed) .brand-actions{display:flex!important}.sidebar:not(.is-collapsed) .collapse-icon,.app-shell .sidebar:not(.is-collapsed) .collapse-icon{display:inline-grid!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:999px!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:0 8px 18px #0f172a33!important}body.modal-open .app-shell,body:has(.modal-backdrop) .app-shell,html.modal-open .app-shell,html:has(.modal-backdrop) .app-shell{grid-template-columns:256px minmax(0,1fr)!important}body.modal-open .app-shell.is-collapsed,body:has(.modal-backdrop) .app-shell.is-collapsed,html.modal-open .app-shell.is-collapsed,html:has(.modal-backdrop) .app-shell.is-collapsed{grid-template-columns:64px minmax(0,1fr)!important}body.modal-open .sidebar,body:has(.modal-backdrop) .sidebar,html.modal-open .sidebar,html:has(.modal-backdrop) .sidebar{position:sticky!important;top:0!important;z-index:var(--z-sticky)!important;align-self:start!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;transform:none!important}body.modal-open .sidebar-scroll,body:has(.modal-backdrop) .sidebar-scroll,html.modal-open .sidebar-scroll,html:has(.modal-backdrop) .sidebar-scroll{scroll-behavior:auto!important;transform:none!important;translate:none!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important}}.avatar,.sidebar-footer .avatar,.sidebar-user .avatar,.avatar-button .avatar{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important}html.modal-open,body.modal-open,html:has(.modal-backdrop),body:has(.modal-backdrop){overflow-y:auto!important;overflow-x:hidden!important}body.modal-open .app-shell,body.modal-open .content-shell,body:has(.modal-backdrop) .app-shell,body:has(.modal-backdrop) .content-shell,html.modal-open .app-shell,html.modal-open .content-shell,html:has(.modal-backdrop) .app-shell,html:has(.modal-backdrop) .content-shell{overflow:visible!important}body.modal-open .main-content,body:has(.modal-backdrop) .main-content,html.modal-open .main-content,html:has(.modal-backdrop) .main-content{overflow-x:hidden!important;overflow-y:visible!important}@media(min-width:1024px){body.modal-open .sidebar,body:has(.modal-backdrop) .sidebar,html.modal-open .sidebar,html:has(.modal-backdrop) .sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;transform:none!important;translate:none!important}body.modal-open .sidebar-scroll,body:has(.modal-backdrop) .sidebar-scroll,html.modal-open .sidebar-scroll,html:has(.modal-backdrop) .sidebar-scroll{overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;transform:none!important;translate:none!important}}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.table-scroll-hint{display:none;padding:8px 14px;border-bottom:1px solid #eef2f7;background:#f8fafc;color:#64748b;font-size:12px;text-align:right}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;position:relative;min-height:260px}.table-wrapper table{width:100%;border-collapse:collapse;min-width:1040px}.empty-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-overlay .empty-state{pointer-events:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 160px);gap:12px;color:#6b7280}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:#1a6ef5;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions-cell{display:flex;align-items:center;gap:6px}.table-wrapper th:last-child,.table-wrapper td:last-child{white-space:nowrap}.action-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f9fafb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border-color .12s,color .12s;color:#6b7280}.action-btn.view:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.action-btn.edit:hover{background:#f0fdf4;border-color:#86efac;color:#166534}.action-btn.del:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.action-menu-cell{position:relative;justify-content:flex-end}.action-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:45;display:none;min-width:190px;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-lg)}.action-menu-cell.is-open .action-menu-dropdown{display:grid;gap:4px}.action-menu-dropdown .action-btn{width:100%;min-height:38px;height:auto;justify-content:flex-start;gap:10px;padding:0 10px;color:var(--color-text)}.action-menu-dropdown .action-btn:after{content:attr(title);overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.list-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-bottom:20px;align-items:end;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted)}.list-filter-main{display:grid;gap:12px;min-width:0}.list-primary-filters{display:grid;grid-template-columns:minmax(240px,2fr) repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:flex-end;min-width:0}.list-controls .field{display:flex;flex-direction:column;gap:6px;margin-bottom:0;min-width:0;flex:none}.list-controls .field:first-child{min-width:0}.list-controls .field>span:first-child{min-height:18px;display:flex;align-items:center}.list-controls input,.list-controls select{width:100%;height:40px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:0 12px;font-size:14px}.list-controls .searchable-select,.list-controls .searchable-select-trigger{width:100%}.list-controls select{padding-right:34px}.list-filter-actions{flex:0 0 auto;min-width:max-content}.list-filter-actions .button{height:40px;width:auto;justify-content:center}.list-filter-button-row{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}.list-filter-button-row .button{flex:0 0 auto}.list-filter-action-row{display:flex;justify-content:flex-end;align-self:end;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.list-expanded-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:flex-end;gap:12px;min-width:0}.list-expanded-filters .field{min-width:0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);font-size:14px;color:var(--color-muted)}.pg-info{font-size:13px;color:#6b7280}.pg-right{display:flex;gap:12px;align-items:center}.pg-size{height:34px;border-radius:6px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;padding:0 10px;font-size:13px}.pg-btns{display:flex;gap:8px;align-items:center}.pg-btn{width:34px;height:34px;border-radius:6px;border:1.5px solid #e5e7eb;background:#f9fafb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;color:#6b7280;font-size:12px;font-weight:500;padding:0;min-width:34px}.pg-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151}.pg-btn.active{background:#eff6ff;border-color:#1a6ef5;color:#1a6ef5}.pg-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.table-scroll-hint{display:block}.list-controls{align-items:stretch;grid-template-columns:1fr}.list-filter-actions,.list-filter-button-row,.list-filter-button-row .button,.list-filter-main,.list-primary-filters,.list-filter-action-row,.list-filter-action-row .button,.list-expanded-filters,.list-expanded-filters .field{width:100%;min-width:0}.list-filter-button-row{justify-content:stretch}.list-filter-action-row{display:grid;grid-template-columns:1fr}.list-primary-filters{grid-template-columns:1fr}.list-filter-button-row .button{flex:1 1 0}.list-expanded-filters{display:grid;grid-template-columns:1fr}.pagination{align-items:stretch;flex-direction:column;gap:12px}.pg-right{justify-content:space-between}}.table-card{border-color:var(--color-border);background:var(--color-surface);overflow:visible;min-width:0;max-width:100%}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}.table-scroll-hint{border-bottom-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-muted)}.loading-container{color:var(--color-muted)}.spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}.action-btn{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-muted)}.pagination{border-top-color:var(--color-border);background:var(--color-surface);color:var(--color-muted)}.pg-info{color:var(--color-muted)}.pg-size,.pg-btn{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.pg-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.pg-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-inverse)}.table-wrapper table{table-layout:auto}.table-wrapper th,.table-wrapper td{max-width:260px;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis}.table-wrapper td>a,.table-wrapper td>span,.table-wrapper td>div:not(.actions-cell){min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrapper td:last-child,.table-wrapper .actions-cell{max-width:none;overflow:visible}.table-wrapper .badge,.table-wrapper .status-badge,.table-wrapper .payment-status,.table-wrapper .subscription-status{flex:0 0 auto;white-space:nowrap}@media(max-width:767px){.table-wrapper th,.table-wrapper td{max-width:220px}}.app-shell .list-controls .field,.app-shell .list-controls .field>span:first-child,.app-shell .list-controls label,.app-shell .list-controls input,.app-shell .list-controls select,.app-shell .list-controls option,.app-shell .list-controls .searchable-select,.app-shell .list-controls .searchable-select-trigger,.app-shell .list-controls .searchable-select-trigger span,.app-shell .list-controls .searchable-select-option{min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.app-shell .list-controls .field>span:first-child,.app-shell .list-controls input,.app-shell .list-controls select,.app-shell .list-controls .searchable-select-trigger,.app-shell .list-controls .searchable-select-trigger span,.app-shell .list-controls .searchable-select-option{overflow:hidden!important;text-overflow:ellipsis!important}.app-shell .list-controls .searchable-select-trigger span{display:block;max-width:100%}.filter-panel{display:grid;gap:20px;margin-bottom:20px;padding:24px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:0 12px 34px #0f172a0f}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.filter-panel-header h2{margin:0;color:var(--color-text);font-size:15px;font-weight:800}.filter-panel-header span{display:inline-flex;margin-top:4px;color:var(--color-muted);font-size:12px;font-weight:700}.filter-panel-grid{display:flex;flex-wrap:nowrap;gap:18px;align-items:end;width:100%}.filter-panel-search{flex:1 1 auto;min-width:0}.filter-panel-control{flex:0 1 220px;min-width:0;max-width:240px}.filter-panel-primary{overflow:hidden}.filter-panel .field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}.filter-panel .field>span:first-child{min-height:18px;color:var(--color-muted);font-size:12px;font-weight:800;letter-spacing:0}.filter-panel input,.filter-panel select,.filter-panel .searchable-select,.filter-panel .searchable-select-trigger{width:100%;min-width:0}.filter-panel input,.filter-panel select,.filter-panel .searchable-select-trigger{height:42px;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);padding:0 12px;font-size:14px}.filter-panel input:focus,.filter-panel select:focus,.filter-panel .searchable-select-trigger:focus-visible,.filter-chip:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 22%,transparent);outline-offset:2px;border-color:var(--color-primary)}.filter-panel-advanced{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .18s ease,opacity .18s ease}.filter-panel-advanced.is-expanded{grid-template-rows:1fr;opacity:1}.filter-panel-advanced>.filter-panel-grid{min-height:0;overflow:hidden}.filter-panel-grid-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-panel-grid-advanced .filter-panel-control{max-width:none}.filter-panel-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.filter-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.filter-more-button svg{transition:transform .18s ease}.filter-more-button svg.is-open{transform:rotate(180deg)}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-muted);font-size:11px;font-weight:800}.filter-reset-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.filter-panel-grid{display:grid;grid-template-columns:1fr}.filter-panel-search{grid-column:1 / -1}.filter-panel-control{max-width:none}}@media(max-width:640px){.filter-panel{gap:18px;padding:18px}.filter-panel-grid{display:grid;grid-template-columns:1fr;gap:14px}.filter-panel-search{grid-column:auto}.filter-panel-actions{display:grid;grid-template-columns:1fr}.filter-panel-actions .button{width:100%;justify-content:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #2563eb;--accent-bg: #eff6ff;--accent-bdr: #bfdbfe;--success: #059669;--success-bg: #ecfdf5;--success-bdr: #6ee7b7;--warning: #d97706;--warning-bg: #fffbeb;--warning-bdr: #fcd34d;--danger: #dc2626;--danger-bg: #fef2f2;--danger-bdr: #fca5a5;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px}.form-wrap{max-width:1120px;margin:0 auto;padding:32px clamp(20px,4vw,48px) 80px;font-family:Inter,system-ui,sans-serif;color:var(--gray-900)}.page-head{margin-bottom:28px}.page-eyebrow{font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;gap:6px}.page-title{font-size:28px;font-weight:600;color:var(--gray-900);letter-spacing:-.4px;line-height:1.2}.page-desc{font-size:15px;color:var(--gray-500);margin-top:6px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden;margin-bottom:24px}.step{padding:14px 16px;border-right:1px solid var(--gray-200);display:flex;align-items:center;gap:10px}.step:last-child{border-right:none}.step-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;background:var(--gray-100);color:var(--gray-400)}.step.active .step-num{background:var(--accent-bg);color:var(--accent)}.step-lbl{font-size:11px;color:var(--gray-400);line-height:1}.step-name{font-size:13px;font-weight:500;color:var(--gray-500);margin-top:3px}.step.active .step-name{color:var(--accent)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.card-header{padding:18px 24px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:14px}.card-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.card-icon.blue{background:var(--accent-bg);color:var(--accent)}.card-icon.green{background:var(--success-bg);color:var(--success)}.card-icon.amber{background:var(--warning-bg);color:var(--warning)}.card-icon.purple{background:#f5f3ff;color:#7c3aed}.card-title{font-size:15px;font-weight:600;color:var(--gray-900)}.card-sub{font-size:13px;color:var(--gray-500);margin-top:2px}.card-body{padding:24px}.grid{display:grid;gap:18px}.col-2{grid-template-columns:repeat(2,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.span-full{grid-column:1 / -1}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.label-text{font-size:13.5px;font-weight:500;color:var(--gray-700)}.label-opt{font-size:12px;color:var(--gray-400)}.req{color:var(--danger);margin-left:2px}.input{width:100%;height:44px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:0 13px;font-size:15px;color:var(--gray-900);font-family:inherit;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.input:hover{border-color:var(--gray-300)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--gray-400)}.input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}select.input{cursor:pointer;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='%239ca3af' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}textarea.input{height:auto;min-height:100px;padding:12px 13px;resize:vertical;line-height:1.65}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:24px;border:1.5px solid var(--gray-200);font-size:14px;font-weight:500;cursor:pointer;color:var(--gray-500);background:#fff;transition:all .15s;-webkit-user-select:none;user-select:none}.chip input{display:none}.chip:hover{border-color:var(--gray-300);color:var(--gray-700)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip.sel-active,.chip.sel-available{border-color:var(--success);color:var(--success);background:var(--success-bg)}.chip.sel-inactive{border-color:var(--gray-400);color:var(--gray-500);background:var(--gray-100)}.chip.sel-occupied{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.chip.sel-maintenance{border-color:var(--warning);color:var(--warning);background:var(--warning-bg)}.chip.sel-archived{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.input-wrap{position:relative;display:flex;align-items:center}.input-prefix,.input-suffix{position:absolute;z-index:1;font-size:12px;font-weight:600;color:var(--gray-400);pointer-events:none;line-height:1}.input-prefix{left:12px}.input-suffix{right:10px}.input.has-prefix{padding-left:48px}.input.has-suffix{padding-right:46px}.compact-suffix-input{padding-right:42px}.field-hint{font-size:11.5px;color:var(--gray-400);margin-top:5px;line-height:1.35}.upload-zone{border:2px dashed var(--gray-200);border-radius:var(--radius);padding:32px 20px;text-align:center;cursor:pointer;background:var(--gray-50);transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-bg)}.upload-zone i{font-size:32px;color:var(--gray-400);display:block;margin-bottom:10px}.upload-zone:hover i{color:var(--accent)}.upload-title{font-size:14.5px;font-weight:500;color:#4b5563;margin-bottom:4px}.upload-zone:hover .upload-title{color:var(--accent)}.upload-desc{font-size:13px;color:var(--gray-400)}.upload-types{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}.upload-badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:4px;background:#fff;border:1px solid var(--gray-200);color:var(--gray-500)}.upload-success{display:none;align-items:center;gap:10px;background:var(--success-bg);border:1px solid var(--success-bdr);border-radius:var(--radius-sm);padding:13px 16px;margin-top:12px}.upload-success i{font-size:18px;color:var(--success);flex-shrink:0}.upload-success-name{font-size:14px;font-weight:500;color:var(--success);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-remove{background:none;border:none;font-size:13px;color:var(--success);cursor:pointer;font-family:inherit;padding:0;flex-shrink:0}.notice{display:flex;align-items:flex-start;gap:11px;background:var(--accent-bg);border:1px solid var(--accent-bdr);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:16px;font-size:14px;color:#1d4ed8;line-height:1.55}.notice i{font-size:17px;flex-shrink:0;margin-top:1px}.form-footer{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-note{font-size:13.5px;color:var(--gray-400);display:flex;align-items:center;gap:6px}.footer-note i{font-size:15px}.footer-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.btn i{font-size:16px}.btn-ghost{background:#fff;color:var(--gray-500);border:1.5px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-300)}.btn-primary{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-success{background:var(--success);color:#fff;border:1.5px solid var(--success)}.btn-success:hover{background:#047857;border-color:#047857}@media(max-width:640px){.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:none}.step:nth-child(3){border-top:1px solid var(--gray-200)}.step:nth-child(4){border-top:1px solid var(--gray-200);border-right:none}.col-2,.col-3{grid-template-columns:1fr}.span-full{grid-column:1}.page-title{font-size:22px}.card-body{padding:16px}.card-header{padding:14px 16px}.form-footer{flex-direction:column;align-items:stretch}.footer-actions{justify-content:flex-end}.stats-row{grid-template-columns:1fr}}@media(max-width:400px){.chips{gap:6px}.chip{font-size:13px;padding:8px 12px}.btn{padding:10px 14px;font-size:14px}}.property-form-head{margin-bottom:22px}.form-page-title{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:0}.form-page-desc{max-width:680px;color:#64748b;line-height:1.6}.steps{border-color:#dbe4ef;box-shadow:0 8px 22px #0f172a0d}.step{min-width:0}.step.active{background:#eff6ff}.step-name,.step-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card,.form-footer,.unit-block,.confirm-box,.stat-card,.unit-count-box{border-color:#dbe4ef}.input{min-height:46px;border-color:#d7e0eb;border-radius:10px}.input-prefix{min-width:30px;text-align:center;color:#475569}.input.has-prefix{padding-left:54px}.skip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;padding:14px 16px}@media(max-width:768px){.form-wrap{padding:20px 14px 72px}.property-form-head{display:grid}.footer-actions,.footer-actions .btn{width:100%}.footer-actions .btn{justify-content:center}}.unit-count-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.unit-count-label{font-size:13.5px;color:var(--gray-600);font-weight:500}.unit-count-val{font-size:20px;font-weight:700;color:var(--accent)}.unit-block{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}.unit-block-header{background:var(--gray-50);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200);cursor:pointer}.unit-block-title{font-size:14px;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:8px}.unit-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--accent-bg);color:var(--accent)}.unit-block-actions{display:flex;gap:8px;align-items:center}.unit-remove{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:18px;padding:0;line-height:1;transition:color .15s;display:flex;align-items:center}.unit-remove:hover{color:var(--danger)}.unit-collapse{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:18px;padding:0;line-height:1;transition:transform .2s;display:flex;align-items:center}.unit-collapse.open{transform:rotate(180deg)}.unit-body{padding:18px;display:none}.unit-body.open{display:block}.add-unit-btn{width:100%;border:2px dashed var(--gray-200);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--gray-500);background:var(--gray-50);cursor:pointer;transition:all .2s;font-family:inherit}.add-unit-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.add-unit-btn i{font-size:18px}.notice-amber{display:flex;align-items:flex-start;gap:10px;background:var(--warning-bg);border:1px solid var(--warning-bdr);border-radius:var(--radius-sm);padding:13px 15px;margin-bottom:16px;font-size:14px;color:#92400e;line-height:1.55}.notice-amber i{font-size:17px;flex-shrink:0;margin-top:1px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 16px;display:grid;gap:4px;min-width:0}.stat-val{font-size:20px;line-height:1.2;font-weight:700;color:var(--gray-900);overflow-wrap:anywhere}.stat-lbl{font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.4px}.edit-btn{border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);border-radius:var(--radius-sm);height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer}.edit-btn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.owner-type-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.type-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.type-card:hover{border-color:var(--gray-300)}.type-card.selected{border-color:var(--accent);background:var(--accent-bg)}.type-card input{display:none}.type-icon{width:34px;height:34px;border-radius:8px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--gray-400);flex-shrink:0;transition:all .15s}.type-card.selected .type-icon{background:#2563eb1f;color:var(--accent)}.type-label{font-size:14px;font-weight:600;color:var(--gray-600)}.type-card.selected .type-label{color:var(--accent)}.type-desc{font-size:12px;color:var(--gray-400);margin-top:1px}.type-card.selected .type-desc{color:#60a5fa}.owner-mode-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-btn{height:42px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-600);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s}.mode-btn:hover{border-color:var(--gray-300);color:var(--gray-800)}.mode-btn.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.masked-hint{font-size:12px;color:var(--gray-400);margin-top:5px;display:flex;align-items:center;gap:4px}.masked-hint i{font-size:13px}.unit-summary{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--gray-100)}.unit-summary:last-child{border-bottom:none}.unit-summary-left{display:flex;align-items:center;gap:10px}.unit-num-badge{font-size:12px;font-weight:700;padding:2px 9px;border-radius:4px;background:var(--gray-100);color:var(--gray-500)}.unit-type-text{font-size:14px;font-weight:500;color:var(--gray-800)}.unit-sub-text{font-size:12.5px;color:var(--gray-400);margin-top:1px}.unit-rent{font-size:14.5px;font-weight:600;color:var(--gray-900)}.unit-avail{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500}.avail-dot{width:6px;height:6px;border-radius:50%}.confirm-box{background:#fff;border:1.5px solid var(--success);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:16px}.confirm-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:14px;display:flex;align-items:center;gap:8px}.confirm-title i,.confirm-title svg{color:var(--success);font-size:18px}.check-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.check-row:last-child{margin-bottom:0}.check-row i{font-size:17px;color:var(--success);flex-shrink:0;margin-top:1px}.check-text{font-size:14px;color:var(--gray-600);line-height:1.5}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.review-item{padding:11px 0;border-bottom:1px solid var(--gray-100);display:flex;flex-direction:column;gap:2px}.review-item:nth-last-child(-n+2){border-bottom:none}.review-item.full{grid-column:1/-1}.review-label{font-size:12px;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.review-value{font-size:14.5px;color:var(--gray-800);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:500}.badge-active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-bdr)}.owner-row{display:flex;align-items:center;gap:14px;padding:6px 0}.owner-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7c3aed);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.owner-name{font-size:14.5px;font-weight:600;color:var(--gray-900)}.owner-email{font-size:13px;color:var(--gray-400);margin-top:1px}.owner-commission{margin-left:auto;text-align:right}.owner-commission-val{font-size:14.5px;font-weight:600;color:var(--gray-900)}.owner-commission-lbl{font-size:12px;color:var(--gray-400);margin-top:1px}
