:root{--bg:#0c1220;--surface:#151d2e;--surface-2:#1e2a40;--border:#2a3a52;--text:#eef4fc;--muted:#8fa3bc;--primary:#10b981;--primary-hover:#059669;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--sidebar-w:260px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid var(--border);padding:1.25rem 1rem}.brand-logo{color:var(--primary);font-size:1.4rem;font-weight:800;display:block}.brand-sub{color:var(--muted);font-size:.75rem}.sidebar-nav{flex-direction:column;flex:1;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:.2rem;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.25rem .85rem;font-size:.65rem;font-weight:600}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:.6rem;padding:.65rem .85rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.user-card strong{font-size:.85rem;display:block}.user-card small{color:var(--muted);font-size:.75rem}.main-area{margin-left:var(--sidebar-w);flex-direction:column;flex:1;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.topbar h1{font-size:1.1rem}.muted{color:var(--muted);font-size:.85rem}.topbar-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tenant-switcher{align-items:center;gap:.5rem;display:flex}.tenant-switcher label{color:var(--muted);font-size:.8rem}.tenant-switcher select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:280px;max-width:360px;padding:.4rem .6rem}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.content{flex:1;padding:1.5rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.page h2{margin-bottom:.25rem;font-size:1.3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.table-card{overflow-x:auto}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem}.stat-card p{margin-bottom:.35rem;font-size:.9rem}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .75rem}th{color:var(--muted);font-size:.8rem;font-weight:600}.actions{gap:.4rem;display:flex}.btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.45rem .85rem;font-size:.85rem}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-ghost{background:0 0}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-block{width:100%}.alert{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{border:1px solid var(--danger);color:#fca5a5;background:#ef444426}.alert-success{border:1px solid var(--success);color:#86efac;background:#22c55e26}.alert-info{border:1px solid var(--primary);color:#93c5fd;background:#3b82f61f}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field span{color:var(--muted);font-size:.8rem}.field input,.field select,.field textarea,.token-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.55rem .75rem;font-family:inherit}.token-input{resize:vertical;width:100%;font-family:monospace;font-size:.8rem}.otp-input{text-align:center;letter-spacing:.4em;width:100%;font-family:monospace;font-size:1.4rem;font-weight:600}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{width:100%;max-width:400px}.login-card--wide{max-width:560px}.auth-divider{color:var(--muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-signin-wrap{justify-content:center;display:flex}.google-signin-wrap.is-disabled{opacity:.6;pointer-events:none}.google-link-block{margin:.75rem 0 1rem}.google-disabled-hint{margin:.5rem 0;font-size:.875rem}.auth-split{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;width:100%;max-width:860px;display:grid}.auth-promo{flex-direction:column;gap:.75rem;display:flex}.feature-list{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;list-style:none;display:flex}.feature-list li:before{content:"✓ ";color:var(--success)}.login-footer-link{text-align:center;margin-top:.75rem}.form-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.5rem 0 .25rem;font-size:.75rem;font-weight:600}.login-brand{color:var(--primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-hint{color:var(--muted);flex-direction:column;gap:.2rem;margin-top:1rem;display:flex}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:1.25rem}.modal h3{margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.code-block{word-break:break-all;white-space:pre-wrap;color:var(--muted);max-height:120px;font-size:.7rem;overflow:auto}.token-preview{color:var(--muted);font-family:monospace;font-size:.75rem}.center{text-align:center;padding:2rem}.highlight-card{border-color:var(--primary);background:linear-gradient(135deg,#3b82f614,#0000);margin-bottom:1rem}.highlight-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem}.inline-actions{gap:.5rem;margin-top:.75rem;display:flex}.invite-card{margin-bottom:1rem}.role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.role-badge--owner{color:#fde047;background:#eab30833;border:1px solid #eab30866}.role-badge--admin{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.role-badge--member{color:var(--muted);border:1px solid var(--border);background:#8fa3bc26}.status-badge{border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.status-badge--on{color:#86efac;background:#22c55e33;border:1px solid #22c55e66}.status-badge--off{color:var(--muted);border:1px solid var(--border);background:#8fa3bc26}.toggle-list{flex-direction:column;gap:.75rem;margin:1rem 0 1.25rem;display:flex}.toggle-item{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.toggle-item input{margin-top:.2rem}.toggle-item span{color:var(--text);font-size:.9rem;line-height:1.45}.verify-pending-card{max-width:460px}.verify-icon{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.verify-steps{color:var(--muted);flex-direction:column;gap:.35rem;margin:.75rem 0 1rem 1.25rem;font-size:.85rem;display:flex}.email-status-card .email-status-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.email-status-meta{text-align:right;color:var(--muted);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.stat-tile--primary{border-left:4px solid var(--primary)}.stat-tile--success{border-left:4px solid var(--success)}.stat-tile--warning{border-left:4px solid var(--warning)}.stat-tile--danger{border-left:4px solid var(--danger)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.stat-value{font-size:1.6rem;font-weight:700}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .15s,transform .15s}.quick-card:hover{border-color:var(--primary);transform:translateY(-2px)}.quick-icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.quick-card p{color:var(--muted);margin-top:.35rem;font-size:.85rem}.status-pill{background:var(--surface-2);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill--pending{color:var(--warning)}.status-pill--partiallypaid{color:#60a5fa}.status-pill--paid{color:var(--success)}.status-pill--overdue{color:var(--danger)}.alert-warn{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.form-card{flex-direction:column;gap:1rem;max-width:640px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.hint-box{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.bank-info-box strong{color:var(--text);margin-bottom:.35rem;display:block}.bank-info-box p{margin:.15rem 0}.brand-icon{margin-bottom:.5rem;font-size:2rem;display:block}.table-card h3{margin-bottom:1rem;font-size:1rem}.field textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:.6rem .75rem}.field-checkbox{flex-direction:row;align-items:center;gap:.5rem}.field-checkbox input{width:auto}.field-inline{flex-direction:row;align-items:center;gap:.75rem}.field-inline select{min-width:180px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.modal-wide{max-width:520px}.modal-form{flex-direction:column;gap:.75rem;max-height:60vh;display:flex;overflow-y:auto}.form-section{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.form-section-title{color:var(--primary);margin:0;font-size:.9rem}.table-scroll{overflow-x:auto}.empty-state{padding:2rem}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.activity-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.activity-list li{border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;padding-bottom:.75rem;display:flex}.activity-list li:last-child{border-bottom:none;padding-bottom:0}.activity-list small{color:var(--muted);font-size:.8rem}.dashboard-panels{margin-top:1.5rem}.page-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.page-tab{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;border-radius:8px;padding:.55rem 1rem;font-size:.9rem;transition:background .15s,color .15s,border-color .15s}.page-tab:hover{color:var(--text);border-color:var(--primary)}.page-tab--active{background:var(--primary);border-color:var(--primary);color:#fff}.form-card--wide{max-width:720px}.field-help{color:var(--muted);font-size:.78rem;line-height:1.4}.bank-import-layout{grid-template-columns:1fr 280px;align-items:start;gap:1rem;display:grid}.bank-import-main{flex-direction:column;gap:1rem;display:flex}.bank-import-sidebar{position:sticky;top:1rem}.bank-import-alert p{margin-top:.35rem;font-size:.85rem}.bank-import-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.bank-import-stats--result{margin-bottom:1rem}.import-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.import-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem}.import-stat-card strong{font-size:1.25rem}.import-stat-card--ok strong{color:var(--success)}.import-stat-card--warn strong{color:var(--warning)}.import-stat-card--danger strong{color:var(--danger)}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface);border-radius:12px;padding:2rem 1.5rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{border-color:var(--primary);background:#10b9810f}.dropzone--busy{opacity:.7;pointer-events:none}.dropzone-icon{margin-bottom:.5rem;font-size:2rem}.import-result-card{padding:1rem}.import-line-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.import-status--processed{color:var(--success)}.import-status--skipped{color:var(--muted)}.import-status--duplicate{color:#60a5fa}.import-status--failed{color:var(--danger)}.import-desc-cell{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.import-log-cell{color:var(--muted);max-width:220px;font-size:.8rem}.import-history-list{flex-direction:column;gap:.5rem;margin-top:.75rem;list-style:none;display:flex}.import-history-item{text-align:left;background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;gap:.15rem;padding:.65rem .75rem;transition:border-color .15s;display:flex}.import-history-item:hover{border-color:var(--primary)}.import-history-item strong{word-break:break-all;font-size:.82rem}.import-history-item small,.import-history-meta{color:var(--muted);font-size:.75rem}.import-result-badges{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.import-row--retried{background:#10b9810f}.regex-suggest-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.regex-preview{background:var(--bg);border:1px solid var(--border);word-break:break-all;color:var(--primary);border-radius:6px;padding:.5rem .65rem;font-size:.78rem;display:block}@media (width<=960px){.bank-import-layout{grid-template-columns:1fr}.bank-import-sidebar{position:static}}