*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f5f2;--card:#fff;--primary:#5b8a9a;--primary-light:#e8f1f4;--primary-dark:#3d6b7a;--accent:#7baa6e;--accent-light:#e8f3e5;--warm:#c9a96e;--warm-light:#faf5eb;--text:#3d3d3d;--text-light:#6b6b6b;--border:#e0ddd8;--danger:#c27860;--danger-light:#fdf0ec;--shadow:0 2px 8px #0000000f;--radius:12px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.6}.header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;padding:24px 20px 16px;position:relative}.header h1{letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:600}.header p{opacity:.9;max-width:440px;margin:0 auto;font-size:15px;line-height:1.5}.header-actions{align-items:center;gap:10px;display:flex;position:absolute;top:16px;right:16px}.sync-indicator{opacity:.7;color:#fff;font-size:12px}.lock-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .2s}.lock-btn:hover{background:#ffffff4d}.tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:50;background:#fff;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:hover{color:var(--primary)}.container{max-width:720px;margin:0 auto;padding:20px 16px 100px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:16px;padding:20px}.card h3{color:var(--text);margin-bottom:12px;font-size:17px}label{color:var(--text-light);margin-top:14px;margin-bottom:4px;font-size:14px;font-weight:500;display:block}label:first-child{margin-top:0}input[type=text],input[type=number],input[type=date],input[type=tel],input[type=email],input[type=password],select,textarea{border:1.5px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;background:#fff;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea{resize:vertical;min-height:60px}.form-row{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-hint{color:var(--text-light);margin-top:2px;font-size:13px;font-style:italic}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--primary-light);color:var(--primary-dark)}.btn-secondary:hover{background:#d4e6ec}.btn-danger{background:var(--danger-light);color:var(--danger)}.btn-danger:hover{background:#f9ddd5}.btn-small{padding:8px 14px;font-size:14px}.btn-block{width:100%}.account-group{margin-bottom:24px}.account-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.account-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);border-left:4px solid var(--primary);margin-bottom:10px;padding:16px}.account-card.status-needs-autopay{border-left-color:var(--warm)}.account-card.status-name-change,.account-card.status-mia-action{border-left-color:var(--danger)}.account-card.status-done{border-left-color:var(--accent);opacity:.75}.account-card.status-cancelled{border-left-color:var(--text-light);opacity:.6}.account-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.account-card-name{font-size:17px;font-weight:600}.account-card-details{color:var(--text-light);font-size:14px;line-height:1.7}.account-card-details span{margin-right:16px;display:inline-block}.account-card-status{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-active{background:var(--accent-light);color:#4a7a3e}.badge-needs-autopay{background:var(--warm-light);color:#8a7030}.badge-name-change,.badge-mia-action{background:var(--danger-light);color:var(--danger)}.badge-cancelled{color:#888;background:#eee}.badge-done{background:var(--accent-light);color:#4a7a3e}.account-card-actions{gap:8px;margin-top:10px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);padding:16px}.stat-number{color:var(--primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-light);margin-top:2px;font-size:13px}.progress-bar-container{background:#e8e5e0;border-radius:20px;height:24px;margin:8px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:20px;min-width:2px;height:100%;transition:width .5s}.nudge{background:var(--warm-light);color:#6b5520;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:15px;line-height:1.5}.attention-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:10px 0;font-size:15px;display:flex}.attention-item:last-child{border-bottom:none}.attention-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.checklist-section{margin-bottom:24px}.checklist-section h3{color:var(--primary-dark);margin-bottom:4px;font-size:18px}.checklist-section>p{color:var(--text-light);margin-bottom:12px;font-size:14px}.checklist-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:8px;padding:14px 16px}.checklist-item.checked{opacity:.6}.checklist-row{align-items:flex-start;gap:12px;display:flex}.checklist-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:2px}.checklist-text{flex:1;font-size:15px;line-height:1.5}.checklist-text.done{color:var(--text-light);text-decoration:line-through}.checklist-fields{margin-top:10px;padding-left:34px}.checklist-fields label{margin-top:8px}.checklist-fields input,.checklist-fields textarea{padding:10px 12px;font-size:15px}.action-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.action-item.done{opacity:.5}.action-item input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:2px}.action-item-content{flex:1}.action-item-title{font-size:15px;font-weight:500}.action-item-title.done-text{color:var(--text-light);text-decoration:line-through}.action-item-meta{color:var(--text-light);margin-top:2px;font-size:13px}.action-group{margin-bottom:20px}.action-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:10px;padding-bottom:6px;font-size:14px;font-weight:600}.contact-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:10px;padding:16px}.contact-card h4{color:var(--primary-dark);margin-bottom:6px;font-size:16px}.contact-detail{color:var(--text-light);margin-bottom:4px;font-size:15px}.contact-detail a{color:var(--primary);text-decoration:none}.contact-detail a:hover{text-decoration:underline}.contact-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin:24px 0 12px;font-size:14px;font-weight:600}.contact-section-title:first-child{margin-top:0}.super-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);border-left:4px solid var(--primary);margin-bottom:8px;padding:14px 16px}.super-card-header{justify-content:space-between;align-items:center;display:flex}.super-card-name{font-weight:600}.super-card-details{color:var(--text-light);margin-top:4px;font-size:14px}.export-bar{border-top:1px solid var(--border);z-index:100;background:#fff;justify-content:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.empty-state{text-align:center;color:var(--text-light);padding:40px 20px}.empty-state p{margin-bottom:16px;font-size:16px}.gentle-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);text-align:center;width:100%;max-width:420px;padding:40px 32px;box-shadow:0 4px 24px #00000014}.login-card h1{color:var(--primary-dark);letter-spacing:-.3px;margin-bottom:6px;font-size:24px;font-weight:600}.login-card .subtitle{color:var(--text-light);margin-bottom:24px;font-size:15px;line-height:1.5}.login-card .instructions{color:var(--text-light);text-align:left;margin-bottom:20px;font-size:14px;line-height:1.6}.login-card label{text-align:left}.login-error{color:var(--danger);margin-top:12px;font-size:14px}.password-field{position:relative}.password-field input{padding-right:44px}.eye-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-btn:hover{color:var(--primary)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-light);cursor:pointer;padding:32px 20px;transition:all .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.drop-zone p{font-size:15px}.import-preview-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.import-preview-table th{background:var(--primary-light);color:var(--primary-dark);text-align:left;padding:8px 10px;font-size:13px;font-weight:600}.import-preview-table td{border-bottom:1px solid var(--border);color:var(--text);padding:6px 10px}.import-preview-table tr:last-child td{border-bottom:none}.import-mapping select{width:100%;padding:4px 6px;font-size:13px}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:600px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #00000026}.modal h3{margin-bottom:16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text);font-size:18px;font-weight:600}.flyout-overlay{z-index:300;background:#00000059;position:fixed;inset:0}.flyout-panel{background:var(--card);z-index:301;width:460px;max-width:90vw;padding:28px 24px;animation:.25s ease-out flyout-slide-in;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}@keyframes flyout-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media print{.tabs,.export-bar,.btn,.account-card-actions,.flyout-overlay,.flyout-panel{display:none!important}body{font-size:14px}.header{padding:12px}.container{padding:10px}}@media (width<=500px){.form-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.tab{padding:12px 14px;font-size:14px}body{font-size:16px}}