.fin-layout{flex-direction:column;min-height:100vh;display:flex}.fin-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:24px;padding:14px 24px;display:flex}.fin-header-brand{font-size:1.05rem;font-weight:700}.fin-nav{flex:1;gap:16px;display:flex}.fin-nav a{color:var(--color-text-secondary);border-bottom:2px solid #0000;padding:6px 4px;text-decoration:none}.fin-nav a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.fin-header-actor{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:.85rem;display:flex}.fin-readonly-badge{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:600}.fin-signout{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;padding:6px 12px}.fin-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.fin-loading{min-height:100vh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.fin-loading-error button{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px}.fin-page-title{margin-bottom:16px;font-size:1.3rem}.fin-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.fin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}.fin-card-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.8rem}.fin-card-value{font-size:1.6rem;font-weight:700}.fin-card-sub{color:var(--color-text-muted);margin-top:4px;font-size:.78rem}.fin-note{color:var(--color-text-muted);font-size:.85rem}.fin-error{color:var(--color-error-text)}.fin-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.fin-table th,.fin-table td{text-align:left;border-bottom:1px solid var(--color-border-light);padding:10px 14px;font-size:.9rem}.fin-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.fin-status-chip{border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.fin-status-paid{background:var(--color-success-bg);color:var(--color-success-text)}.fin-status-due{background:var(--color-border-light);color:var(--color-text-secondary)}.fin-status-partial{background:var(--color-warning-bg);color:var(--color-warning-text)}.fin-status-overdue,.fin-status-overdue_partial{background:var(--color-error-bg);color:var(--color-error-text)}.fin-status-canceled{background:var(--color-border-light);color:var(--color-text-muted)}.fin-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:6px 14px;font-size:.85rem;font-weight:600}.fin-btn:disabled{opacity:.5;cursor:not-allowed}.fin-btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;padding:5px 12px;font-size:.85rem}.fin-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fin-modal{color:#1a1a1f;border-radius:var(--radius-md);background:#fff;width:420px;max-width:90vw;padding:24px}.fin-modal h2{margin-bottom:16px;font-size:1.1rem}.fin-modal label{color:#374151;margin:12px 0 4px;font-size:.82rem;display:block}.fin-modal input,.fin-modal select,.fin-modal textarea{color:#111827;border-radius:var(--radius-sm);background:#fff;border:1px solid #d1d5db;width:100%;padding:8px 10px}.fin-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.fin-modal .fin-btn-ghost{color:#374151;border-color:#d1d5db}.fin-modal .fin-btn-ghost:hover{background:#f3f4f6}input[type=month],input[type=date]{color:#111827;border-radius:var(--radius-sm);background:#fff;border:1.5px solid #d1d5db;padding:6px 10px}input[type=month]:focus,input[type=date]:focus{border-color:var(--color-accent)}:root{--color-primary:#000;--color-primary-dark:#1a1a1a;--color-primary-light:#f5f5f5;--color-accent:#c73939;--color-accent-dark:#a83030;--color-accent-light:#c7393926;--color-bg:#2a2a2f;--color-surface:#35353b;--color-border:#4a4a52;--color-border-light:#3e3e46;--color-text:#f5f5f7;--color-text-secondary:#c5c5cd;--color-text-muted:#8b8b95;--color-warning-bg:#fbbf241f;--color-warning-text:#fcd34d;--color-warning-border:#fbbf2440;--color-error-bg:#ef44441f;--color-error-text:#fca5a5;--color-error-border:#ef444440;--color-success-bg:#22c55e1f;--color-success-text:#86efac;--color-success-border:#22c55e40;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);line-height:1.5}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{border:1.5px solid var(--color-border);color:var(--color-text);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}::selection{background:var(--color-accent-light);color:var(--color-accent-dark)}