body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.layout{grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.layout.collapsed{grid-template-columns:72px 1fr}.sidebar{color:#e5e7eb;box-sizing:border-box;background:#111827;flex-direction:column;height:100vh;max-height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sidebar-brand{min-width:0}.logo-brand{align-items:center;gap:10px;display:flex}.brand-logo-red-circle{border:5px solid #dc2626;border-radius:999px;flex-shrink:0;width:32px;height:32px}.brand-copy{min-width:0}.sidebar h2{margin:0;font-size:22px}.sidebar p{color:#9ca3af;margin:6px 0 18px}.side-links{overscroll-behavior:contain;flex:auto;gap:4px;min-height:0;margin-top:38px;margin-bottom:12px;padding-right:2px;display:grid;overflow-y:auto}.side-links button{text-align:left;white-space:nowrap;color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tab-label{text-overflow:ellipsis;flex:auto;min-width:0;display:block;overflow:hidden}.side-links button.active{color:#fff;background:#2563eb;border-color:#2563eb}.tab-icon{text-align:center;letter-spacing:.4px;color:#93c5fd;width:20px;font-size:11px;font-weight:700}.side-links button.active .tab-icon{color:#dbeafe}.collapse-toggle{color:#e5e7eb;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;flex-shrink:0;padding:8px 9px}.layout.collapsed .sidebar-brand{display:none}.layout.collapsed .side-links button{justify-content:center;padding-inline:6px}.layout.collapsed .tab-label{display:none}.sidebar-user-wrap{border-top:1px solid #1f2937;flex-shrink:0;margin-top:auto;padding-top:12px;position:relative}.sidebar-user-btn{color:#e5e7eb;background:#0f172a;border:1px solid #1f2937;align-items:center;gap:10px;width:100%;padding:8px 9px;display:flex}.sidebar-user-avatar{color:#fff;background:#1d4ed8;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.sidebar-user-details{text-align:left;min-width:0;display:grid}.sidebar-user-details strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-user-details small{color:#94a3b8;font-size:11px}.sidebar-user-caret{color:#9ca3af;margin-left:auto}.sidebar-user-menu{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;width:100%;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 24px #0f172a24}.sidebar-user-menu button{color:#0f172a;text-align:left;background:#fff;border:1px solid #0000;padding:8px 10px}.sidebar-user-menu button:hover{background:#eff6ff;border-color:#dbeafe}.layout.collapsed .sidebar-user-details,.layout.collapsed .sidebar-user-caret{display:none}.layout.collapsed .sidebar-user-btn{justify-content:center;padding:8px 6px}.main{padding:24px}.standalone-main{max-width:1100px;margin:0 auto}.main-header{margin-bottom:12px}.main-header h1{margin:0}.main-header p{color:#4b5563;margin:6px 0 0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:16px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-heading h3{margin:0}.section-heading p{color:#6b7280;margin:4px 0 0;font-size:13px}.members-list-heading{margin-top:16px}.member-form{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px;display:grid}.field{gap:6px;display:grid}.field>span{color:#374151;font-size:12px;font-weight:600}.field em{color:#dc2626;font-style:normal}.field-wide{grid-column:span 2}.form-note{color:#6b7280;grid-column:1/-1;font-size:12px}.form-actions{grid-column:1/-1;justify-content:flex-end;display:flex}input,select,button{border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px}button{color:#fff;cursor:pointer;background:#111827}.secondary{background:#2563eb;margin-left:6px}.quiet{margin-left:0}button:disabled{opacity:.6;cursor:not-allowed}.table-wrap{border:1px solid #e5e7eb;border-radius:10px;margin-top:10px;overflow:auto}.actions-cell{width:70px}.menu-trigger{color:#111827;background:#fff;border:1px solid #d1d5db;min-width:34px;padding:6px 10px;font-weight:700;line-height:1}.menu-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:4px;width:210px;padding:6px;display:grid;position:absolute;box-shadow:0 12px 24px #0f172a1f}.floating-menu{z-index:999;position:fixed}.menu-popover button{color:#111827;text-align:left;background:#fff;border:1px solid #0000;border-radius:6px;padding:8px 10px}.menu-popover button:hover{background:#eff6ff;border-color:#dbeafe}.menu-popover button:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.member-profile-card{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:10px;margin-top:14px;padding:14px}.member-profile-page{gap:14px;display:grid}.member-profile-page-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.member-profile-page-header h2{margin:0;font-size:20px}.profile-back-btn{align-items:center;gap:8px;display:inline-flex}.profile-hero{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.profile-avatar{color:#fff;background:#1d4ed8;border-radius:999px;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:grid}.profile-hero-content h1{margin:2px 0 0;font-size:24px}.profile-kicker{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.profile-hero-meta{color:#334155;align-items:center;gap:8px;margin-top:8px;display:flex}.meta-dot{color:#94a3b8}.profile-section-title{color:#475569;margin:4px 0 -2px;font-size:14px}.member-profile-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.member-profile-header h3{margin:0}.member-profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.member-profile-grid div{border:1px solid #e5e7eb;border-radius:8px;gap:5px;padding:10px;display:grid}.member-profile-grid span{color:#6b7280;font-size:12px}.member-profile-grid strong{color:#111827;font-size:14px}.status-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block}.status-badge-active{color:#166534;background:#dcfce7}.status-badge-inactive{color:#991b1b;background:#fee2e2}.loading-screen{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a33;place-items:center;display:grid;position:fixed;inset:0}.loading-screen-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:14px 18px;display:inline-flex;box-shadow:0 12px 24px #0f172a24}.loading-screen-card p{color:#111827;margin:0;font-weight:500}.loading-spinner{border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px;font-size:13px}th{background:#f8fafc;font-weight:600}.empty{text-align:center;color:#6b7280}.module-placeholder h3{margin:0 0 6px}.module-placeholder p{color:#6b7280;margin:0}.overview-page{gap:14px;display:grid}.overview-loading{color:#6b7280;margin:0;font-size:13px}.overview-header-card{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 60%);border:1px solid #dbeafe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px;display:flex}.overview-header-card h2{margin:4px 0;font-size:20px}.overview-eyebrow{letter-spacing:.5px;text-transform:uppercase;color:#1d4ed8;margin:0;font-size:11px;font-weight:700}.overview-subtext{color:#64748b;margin:0;font-size:13px}.overview-pill-row{align-items:flex-start;gap:8px;display:flex}.overview-pill{color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.overview-pill.muted{color:#475569;border-color:#e2e8f0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 8px 20px #0f172a0a}.overview-card.highlight-blue{border-top:4px solid #2563eb}.overview-card.highlight-violet{border-top:4px solid #7c3aed}.overview-card.highlight-amber{border-top:4px solid #d97706}.overview-card.highlight-cyan{border-top:4px solid #0891b2}.overview-card.highlight-green{border-top:4px solid #16a34a}.overview-card h3{margin:0 0 10px;font-size:15px}.overview-kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.overview-kpis span{color:#6b7280;font-size:12px;display:block}.overview-kpis strong{margin-top:2px;font-size:20px;display:block}.overview-role-row{color:#374151;border-top:1px dashed #dbeafe;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.overview-role-row.chips{gap:8px}.role-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;display:inline-flex}.role-chip strong{font-size:12px}.overview-money{margin:0;font-size:24px;font-weight:700}.overview-caption{color:#64748b;margin-top:4px;display:block}.profit-positive{color:#15803d}.profit-negative{color:#b91c1c}@media (width<=980px){.layout{grid-template-columns:1fr}.field-wide{grid-column:span 1}.profile-hero{grid-template-columns:1fr}}.login-page{background:radial-gradient(circle at top,#2563eb26,#0000 45%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page-content{z-index:2;flex:1;place-items:center;width:100%;display:grid;position:relative}.login-bg-orb{filter:blur(2px);opacity:.5;z-index:1;pointer-events:none;border-radius:999px;position:absolute}.orb-1{background:radial-gradient(circle,#2563eb38 0%,#2563eb00 70%);width:280px;height:280px;top:-80px;left:-40px}.orb-2{background:radial-gradient(circle,#dc262626 0%,#dc262600 70%);width:320px;height:320px;bottom:80px;right:-70px}.login-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #e5e7eb;border-radius:18px;width:min(520px,100%);padding:26px 24px 20px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a24}.login-card:before{content:"";background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 70%,#dc2626 100%);border-radius:18px 18px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.login-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.login-brand h1{letter-spacing:.2px;margin:0;font-size:22px}.login-brand p{color:#6b7280;margin:2px 0 0;font-size:13px}.login-form{gap:12px;display:grid}.login-subtitle{color:#6b7280;margin:-2px 0 16px;font-size:13px}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px}.login-actions{justify-content:stretch;margin-top:8px;display:flex}.login-submit{width:100%;margin-left:0;padding:11px 12px;font-weight:600}.login-security-note{background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 100%);border:1px solid #dbeafe;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:14px;padding:12px;display:grid}.login-security-icon{background:#dbeafe;border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.login-security-copy strong{color:#1e3a8a;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.login-security-copy p{color:#475569;margin:0;font-size:12px;line-height:1.4}.login-security-copy p+p{margin-top:4px}.login-security-copy span{color:#1d4ed8;font-weight:600}.field-error{color:#b91c1c;font-size:12px;line-height:1.2}.login-password-field{position:relative}.login-password-field input{padding-right:64px}.password-toggle{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:5px 8px;font-size:12px;position:absolute;top:27px;right:8px}.login-meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.remember-me{color:#4b5563;align-items:center;gap:8px;font-size:13px;display:inline-flex}.remember-me input{width:16px;height:16px}.forgot-link{color:#2563eb;background:0 0;border:1px solid #0000;padding:2px 4px;font-size:13px}.forgot-link:hover{text-decoration:underline}.login-page-footer{text-align:center;z-index:2;gap:4px;width:min(520px,100%);margin-top:18px;padding-bottom:8px;display:grid;position:relative}.login-page-footer p{color:#6b7280;margin:0;font-size:12px}.login-page-footer a{color:#2563eb;font-weight:600;text-decoration:none}.login-page-footer a:hover{text-decoration:underline}.login-page-footer small{color:#9ca3af;margin-top:2px;font-size:11px}@media (width<=640px){.login-card{padding:22px 16px 18px}.forgot-form{grid-template-columns:1fr}.password-toggle{top:29px}}.notice{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr auto;align-items:start;gap:6px 10px;padding:12px;display:grid}.notice strong{grid-column:1/2;font-size:13px}.notice span{color:#374151;grid-column:1/2;font-size:13px}.notice-dismiss{color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;grid-area:1/2/span 2/3;place-self:center end;padding:8px 10px}.notice-dismiss:hover{background:#0f172a0a;border-color:#0f172a1f}.notice-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.notice-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice-info{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}input:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}