@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #eef2ff;--accent-muted: #c7d2fe;--bg: #f0f4f8;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--sidebar-w: 208px;--topbar-h: 56px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 28px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--input-bg: #ffffff;--input-border: #cbd5e1;--radius: 10px;--radius-lg: 14px;--status-success-bg: #f0fdf4;--status-success-border: #bbf7d0;--status-success-text: #059669;--status-warning-bg: #fffbeb;--status-warning-border: #fde68a;--status-warning-text: #92400e;--status-error-bg: #fef2f2;--status-error-border: #fecaca;--status-error-text: #dc2626;--status-info-bg: #eff6ff;--status-info-border: #bfdbfe;--status-info-text: #1d4ed8;--upload-bg: #fafafa;--upload-border: #a5b4fc;--sidebar-gradient: linear-gradient(180deg, #1e2d45 0%, #14213a 100%);--sidebar-border-clr: rgba(255,255,255,.07);--sidebar-sect-border: rgba(255,255,255,.06);--nav-grp-collapsed: #7a95ae;--nav-grp-open: #a8c0d8;--nav-grp-active: #a5b4fc;--nav-grp-open-bg: rgba(255,255,255,.07);--nav-grp-act-bg: rgba(99,102,241,.15);--nav-grp-open-border: rgba(255,255,255,.16);--nav-grp-act-border: rgba(99,102,241,.65);--nav-sub-color: #7090a8;--nav-sub-hover: #a8c0d8;--nav-sub-hover-bg: rgba(255,255,255,.07);--nav-chevron-clr: #5e7d98}[data-theme=dark]{--bg: #0b0f1a;--surface: #131929;--surface-2: #1a2236;--border: #1e2d45;--text: #f0f6ff;--text-muted:#9aafc8;--text-light:#8a9ab4;--input-bg: #131929;--input-border: #2a3d55;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 28px rgba(0,0,0,.5);--accent-light: #1e1b4b;--accent-muted: #3730a3;--status-success-bg: rgba(21,128,61,.12);--status-success-border: rgba(21,128,61,.3);--status-success-text: #4ade80;--status-warning-bg: rgba(146,64,14,.12);--status-warning-border: rgba(146,64,14,.3);--status-warning-text: #fbbf24;--status-error-bg: rgba(185,28,28,.12);--status-error-border: rgba(185,28,28,.3);--status-error-text: #f87171;--status-info-bg: rgba(29,78,216,.12);--status-info-border: rgba(29,78,216,.3);--status-info-text: #93c5fd;--upload-bg: var(--surface-2);--upload-border: #4f4f8f;--sidebar-gradient: linear-gradient(180deg, #0d1117 0%, #161b27 60%, #111827 100%);--sidebar-border-clr: rgba(255,255,255,.04);--sidebar-sect-border: rgba(255,255,255,.05);--nav-grp-collapsed: #6888a8;--nav-grp-open: #8daacc;--nav-grp-active: #a5b4fc;--nav-grp-open-bg: rgba(255,255,255,.05);--nav-grp-act-bg: rgba(99,102,241,.14);--nav-grp-open-border: rgba(255,255,255,.1);--nav-grp-act-border: rgba(99,102,241,.55);--nav-sub-color: #6080a0;--nav-sub-hover: #8aaac8;--nav-sub-hover-bg: rgba(255,255,255,.065);--nav-chevron-clr: #486880}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;overflow-x:hidden;transition:transform .25s ease;background:var(--sidebar-gradient);border-right:1px solid var(--sidebar-border-clr)}.sidebar:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid var(--sidebar-sect-border)}.brand-icon{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 2px 8px #6366f166}.brand-name{font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.nav-links{list-style:none;padding:8px;flex:1}.nav-links li{margin-bottom:1px}.nav-group-label{font-size:10px!important;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#4b5680!important;padding:16px 10px 5px;cursor:default;-webkit-user-select:none;user-select:none}.nav-links a{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:13px;font-weight:500;color:#94a3b8;transition:all .15s;position:relative}.nav-links a .nav-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0;opacity:.7}.nav-links a:hover{background:#ffffff0f;color:#e2e8f0}.nav-links a:hover .nav-icon{opacity:1}.nav-links a.active{background:linear-gradient(135deg,#6366f140,#8b5cf626);color:#a5b4fc;font-weight:600;border:1px solid rgba(99,102,241,.2)}.nav-links a.active .nav-icon{opacity:1}.nav-links a.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 2px 2px 0}.sidebar-footer{padding:8px;border-top:1px solid var(--sidebar-sect-border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:#ffffff0a;margin-bottom:8px}.sidebar-user-avatar{width:30px;height:30px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:#64748b;margin-top:1px}.btn-signout{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-signout:hover{background:#ef44442e;border-color:#ef444459;color:#fca5a5}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:#0d1117;border-bottom:1px solid rgba(255,255,255,.06);align-items:center;padding:0 16px;z-index:200;gap:12px}.hamburger{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:6px 8px;border-radius:6px;line-height:1}.hamburger:hover{background:#ffffff14;color:#fff}.mobile-brand{font-size:15px;font-weight:700;color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99}.content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.page{padding:24px;max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.02em}.loading{padding:80px;text-align:center;color:var(--text-light);font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;cursor:default}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}table{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--text)}th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}[data-theme=dark] th{color:var(--text)}td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}td.empty{text-align:center;color:var(--text-light);padding:48px 16px;font-size:14px}.table-scroll{overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;border:none;font-family:inherit;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f159}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f173;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-light)}.btn-danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.btn-danger:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}[data-theme=dark] .btn-secondary{background:var(--surface-2)}[data-theme=dark] .btn-danger{background:#e11d481a;border-color:#e11d4840;color:#fb7185}[data-theme=dark] .btn-danger:hover:not(:disabled){background:#e11d4833}.btn-sm{padding:5px 11px!important;font-size:12.5px!important}.btn-icon{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;line-height:1;transition:all .15s}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.actions{display:flex;gap:6px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;padding:9px 12px;border:1.5px solid var(--input-border);border-radius:8px;font-size:13.5px;background:var(--input-bg);color:var(--text);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}input:disabled,select:disabled{opacity:.55;cursor:not-allowed;background:var(--surface-2)}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{font-size:11px;color:#ef4444;font-weight:500;margin-top:-1px}textarea{resize:vertical;min-height:80px}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:17px;font-weight:700;color:var(--text)}.modal h2{font-size:17px;font-weight:700;margin:0 0 20px;color:var(--text)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-paid{background:#dcfce7;color:#15803d}.badge-pending{background:#fef9c3;color:#a16207}.badge-overdue{background:#fee2e2;color:#b91c1c}.badge-partial{background:#dbeafe;color:#1d4ed8}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#f1f5f9;color:#64748b}.badge-admin{background:#ede9fe;color:#6d28d9}.badge-staff{background:#e0f2fe;color:#0369a1}.badge-owner{background:#fef9c3;color:#a16207}.badge-open{background:#fff7ed;color:#c2410c}.badge-done{background:#f0fdf4;color:#16a34a}[data-theme=dark] .badge-paid{background:#15803d33;color:#4ade80}[data-theme=dark] .badge-pending{background:#a1620733;color:#fbbf24}[data-theme=dark] .badge-overdue{background:#b91c1c33;color:#f87171}[data-theme=dark] .badge-partial{background:#1d4ed833;color:#93c5fd}[data-theme=dark] .badge-active{background:#15803d33;color:#4ade80}[data-theme=dark] .badge-inactive{background:#64748b33;color:#94a3b8}[data-theme=dark] .badge-admin{background:#6d28d933;color:#c4b5fd}[data-theme=dark] .badge-staff{background:#0369a133;color:#7dd3fc}[data-theme=dark] .badge-owner{background:#a1620733;color:#fde68a}.alert{padding:11px 14px;border-radius:9px;font-size:13.5px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;border:1px solid transparent}.alert-error{background:#fff1f2;border-color:#fecdd3;color:#be123c}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}[data-theme=dark] .alert-error{background:#be123c1a;border-color:#be123c4d;color:#fb7185}[data-theme=dark] .alert-warning{background:#92400e1a;border-color:#92400e4d;color:#fbbf24}[data-theme=dark] .alert-info{background:#1d4ed81a;border-color:#1d4ed84d;color:#93c5fd}[data-theme=dark] .alert-success{background:#15803d1a;border-color:#15803d4d;color:#4ade80}.row-inactive td{opacity:.5}.muted{color:var(--text-light)}.tabs{display:flex;gap:2px;background:var(--surface-2);border-radius:9px;padding:3px;border:1px solid var(--border)}.tab-btn{padding:7px 16px;border-radius:7px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .15s;font-family:inherit}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.theme-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#94a3b8;font-size:15px;padding:5px 9px;cursor:pointer;transition:all .15s;line-height:1}.theme-toggle:hover{background:#ffffff1f;color:#e2e8f0}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters select{min-width:160px;max-width:220px}@media (max-width: 768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);width:260px}.sidebar.open{transform:translate(0)}.content{margin-left:0;padding-top:var(--topbar-h)}.page{padding:20px 16px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:20px}.card{border-radius:10px;overflow-x:auto}th,td{padding:8px 10px;font-size:13px}.modal-overlay{padding:12px;align-items:flex-end}.modal{padding:20px 16px;max-width:100%!important;border-radius:16px 16px 0 0;max-height:92vh;overflow-y:auto}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.actions{flex-wrap:wrap;gap:4px}.filters{flex-direction:column}.filters input,.filters select{max-width:100%;min-width:unset;width:100%}.data-table-wrap,table{overflow-x:auto;display:block;width:100%}table thead,table tbody{display:table;width:100%;table-layout:fixed}.filter-bar{flex-wrap:wrap!important}.filter-bar>*,.filter-bar input,.filter-bar select{flex:1 1 120px;min-width:0;max-width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.grid-2col,.grid-3col{grid-template-columns:1fr!important}.tab-bar{overflow-x:auto;flex-wrap:nowrap}.tab-bar::-webkit-scrollbar{display:none}.page-actions{flex-wrap:wrap;gap:8px}.page-actions>button{flex:1 1 auto}td,.card-value{word-break:break-word}}@media (max-width: 480px){.page{padding:16px 12px}th,td{padding:6px 8px;font-size:12px}.btn-sm{padding:3px 8px;font-size:11px}.page-header h1{font-size:18px!important}.card{padding:12px 10px!important}}.form-grid,.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.portal-bottom-nav{display:none}@media (max-width: 640px){.portal-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#1a1a2e;border-top:1px solid rgba(255,255,255,.1);z-index:100;align-items:stretch}.portal-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;font-size:10px;font-weight:600;gap:3px;transition:color .15s}.portal-bottom-nav a.active{color:#818cf8}.portal-bottom-nav a span.nav-emoji{font-size:20px}.portal-header-nav{display:none}.portal-main{padding-bottom:68px}.portal-dash-grid{grid-template-columns:1fr!important}.portal-id-banner{flex-wrap:wrap}.portal-id-banner a{width:100%;text-align:center}.portal-summary-cards{grid-template-columns:repeat(2,1fr)!important}}.sidebar{overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.nav-group{margin-bottom:2px}.nav-group-header{display:flex;align-items:center;width:100%;gap:9px;padding:7px 10px;border-radius:8px;background:none;border:none;border-left:2px solid transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--nav-grp-collapsed);transition:color .15s,background .15s,border-color .15s;text-align:left;position:relative}.nav-group-header:hover{background:var(--nav-grp-open-bg);color:var(--nav-grp-open)}.nav-group-header.open{color:var(--nav-grp-open);background:var(--nav-grp-open-bg);border-left-color:var(--nav-grp-open-border)}.nav-group-header.active{color:var(--nav-grp-active)}.nav-group-header.open.active{color:var(--nav-grp-active);background:var(--nav-grp-act-bg);border-left-color:var(--nav-grp-act-border)}.nav-group-header .nav-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0;opacity:.6;transition:opacity .15s}.nav-group-header.open .nav-icon,.nav-group-header.active .nav-icon{opacity:.9}.nav-group-header.open.active .nav-icon{opacity:1}.nav-group-label-text{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.nav-chevron{font-size:14px;color:var(--nav-chevron-clr);transition:transform .2s ease,color .15s;line-height:1;flex-shrink:0;transform:rotate(0)}.nav-group-header.open .nav-chevron{color:var(--nav-grp-open)}.nav-group-header.open.active .nav-chevron{color:var(--nav-grp-active)}.nav-chevron.open{transform:rotate(90deg)}.nav-group-items{padding-left:8px}a.nav-sub-link{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--nav-sub-color);transition:all .15s;position:relative;text-decoration:none}a.nav-sub-link:hover{background:var(--nav-sub-hover-bg);color:var(--nav-sub-hover)}a.nav-sub-link.active{background:linear-gradient(135deg,#6366f138,#8b5cf61f);color:#a5b4fc;font-weight:600;border:1px solid rgba(99,102,241,.18)}a.nav-sub-link .nav-icon{width:16px;text-align:center;font-size:13px;flex-shrink:0;opacity:.6;transition:opacity .15s}a.nav-sub-link:hover .nav-icon{opacity:.85}a.nav-sub-link.active .nav-icon{opacity:1}a.nav-sub-link.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:2px;height:16px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 2px 2px 0}.portal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}@media (max-width: 640px){.portal-dash-grid{grid-template-columns:1fr!important}.portal-card-inner{padding:16px 14px!important}.portal-btn-row{flex-direction:column!important;align-items:stretch!important}.portal-form input,.portal-form select,.portal-form textarea{width:100%!important;box-sizing:border-box!important}}.owner-mobile-nav{display:none}@media (max-width: 900px){.owner-desktop-nav{display:none!important}.owner-mobile-nav{display:block}.owner-mobile-nav-drawer{background:#1a1a2e;border-top:1px solid rgba(255,255,255,.1);padding:8px 0}.owner-mobile-nav-drawer a{display:block;padding:12px 20px;color:#e2e8f0;text-decoration:none;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}.owner-mobile-nav-drawer a:hover{background:#ffffff0f}}@media (max-width: 640px){.portal-header-nav{display:none!important}.portal-mobile-menu-btn{display:flex!important}.portal-mobile-nav-open .portal-header-nav{display:flex!important;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#1a1a2e;z-index:1000;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.portal-mobile-nav-open .portal-header-nav a{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.portal-header-nav{margin-left:0!important}}.portal-mobile-menu-btn{display:none}@media (max-width: 640px){[style*="maxWidth: 900"]{padding-left:12px!important;padding-right:12px!important}}