*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#333}.app{min-height:100vh}.navbar{background:#333;color:#fff;padding:0 2rem;display:flex;align-items:center;height:70px;gap:2rem}.nav-brand{display:flex;align-items:center;text-decoration:none}.nav-logo{height:55px;border-radius:4px}.nav-links{display:flex;gap:1rem}.nav-links a{color:#aaa;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem}.nav-links a:hover,.nav-links a.active{color:#fff;background:#ffffff1a}.main-content{max-width:1200px;margin:2rem auto;padding:0 1rem}h1{margin-bottom:1.5rem;color:#1a1a2e}h2{margin-bottom:1rem;color:#1a1a2e}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:all .2s;display:inline-flex;align-items:stretch;text-decoration:none;height:38px;overflow:hidden}.btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0 .55rem}.btn .btn-label{display:inline-flex;align-items:center;padding:0 .85rem;border-left:1px solid rgba(0,0,0,.12);white-space:nowrap}.icon-btn{height:32px;width:32px;justify-content:center;align-items:center}.icon-btn .btn-icon{padding:0}.btn-primary{background:linear-gradient(180deg,#5cb818,#4a9e10);color:#fff}.btn-primary .btn-label{border-left-color:#fff3}.btn-primary:hover{background:linear-gradient(180deg,#4a9e10,#3d8a0a)}.btn-secondary{background:linear-gradient(180deg,#6b7280,#4b5563);color:#fff}.btn-secondary .btn-label{border-left-color:#ffffff2e}.btn-secondary:hover{background:linear-gradient(180deg,#4b5563,#374151)}.btn-success{background:linear-gradient(180deg,#22a557,#1a8a46);color:#fff}.btn-success .btn-label{border-left-color:#fff3}.btn-success:hover{background:linear-gradient(180deg,#1a8a46,#14753a)}.btn-danger{background:linear-gradient(180deg,#dc3545,#b82d3b);color:#fff}.btn-danger .btn-label{border-left-color:#fff3}.btn-danger:hover{background:linear-gradient(180deg,#b82d3b,#9a2530)}.btn-sm{height:32px;font-size:.8rem}.btn-sm .btn-icon{padding:0 .4rem}.btn-sm .btn-label{padding:0 .65rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;font-weight:500;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#5cb818}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}th{font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase}tr:hover{background:#fafafa}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.toolbar select{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;width:420px;max-width:90vw}.modal h3{margin-bottom:1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.todo-item:last-child{border-bottom:none}.todo-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#4a9e10}.todo-title{flex:1;font-size:.95rem}.todo-title.completed{text-decoration:line-through;color:#999}.todo-meta{font-size:.8rem;color:#999}.badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-pending{background:#fff3cd;color:#856404}.badge-completed{background:#d4edda;color:#155724}.badge-invoiced{background:#cce5ff;color:#004085}.badge-draft{background:#f0f0f0;color:#666}.badge-sent{background:#cce5ff;color:#004085}.badge-paid{background:#d4edda;color:#155724}.add-todo-form{display:flex;gap:.5rem;margin-bottom:1rem}.add-todo-form input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1.05rem}.todo-date-input{flex:0 0 auto;width:auto}.todo-date{font-size:.8rem;color:#888;white-space:nowrap}.todo-date-edit{padding:.4rem .6rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;color:#333;background:#fafafa;flex:0 0 auto;cursor:pointer;width:140px}.todo-date-edit:focus{outline:none;border-color:#5cb818}.todo-date-edit.inline{display:inline;width:auto;padding:.2rem .4rem;font-size:.85rem}.react-datepicker-popper{z-index:100!important}.react-datepicker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;border:none!important;border-radius:16px!important;box-shadow:0 8px 32px #0000001f!important;padding:.5rem!important;font-size:.95rem!important}.react-datepicker__header{background:#fff!important;border-bottom:none!important;padding-top:.75rem!important}.react-datepicker__current-month{font-size:1.1rem!important;font-weight:700!important;color:#1a1a2e!important;margin-bottom:.5rem!important}.react-datepicker__navigation{top:1rem!important}.react-datepicker__navigation--previous{left:1rem!important}.react-datepicker__navigation--next{right:1rem!important}.react-datepicker__day-names{margin-top:.25rem!important}.react-datepicker__day-name{width:2.5rem!important;line-height:2.5rem!important;font-size:.8rem!important;font-weight:600!important;color:#888!important;text-transform:uppercase!important}.react-datepicker__day{width:2.5rem!important;line-height:2.5rem!important;border-radius:8px!important;font-size:.9rem!important;color:#333!important;margin:.1rem!important}.react-datepicker__day:hover{background:#e8f5e9!important;border-radius:8px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:linear-gradient(180deg,#5cb818,#4a9e10)!important;color:#fff!important;font-weight:600!important}.react-datepicker__day--today{font-weight:700!important;border:2px solid #5cb818!important;line-height:calc(2.5rem - 4px)!important}.react-datepicker__day--today.react-datepicker__day--selected{border:none!important;line-height:2.5rem!important}.react-datepicker__day--outside-month{color:#ccc!important}.react-datepicker__triangle{display:none!important}.client-heading{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #5cb818}.client-heading h2{font-size:1.5rem;color:#1a1a2e;margin-bottom:0}.client-heading-logo{max-height:60px;max-width:250px;object-fit:contain}.section-title{font-size:1.1rem;color:#444;margin-bottom:.75rem}.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.draggable:active{cursor:grabbing}.drag-handle{color:#ccc;font-size:1rem;cursor:grab;flex:0 0 auto}.drag-handle:hover{color:#999}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.editable-input{border:1px solid #ddd;border-radius:4px;padding:.3rem .5rem;width:100%;font-size:.9rem}.editable-input:focus{outline:none;border-color:#5cb818}.empty-state{text-align:center;padding:3rem;color:#999}.actions{display:flex;gap:.3rem}.uninvoiced-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f0f0f0}.uninvoiced-item:last-child{border-bottom:none}.uninvoiced-details{font-size:.85rem;color:#666}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#4a4a4a url(/login-bg.jpg) center center / cover no-repeat fixed}.login-card{background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:2.5rem;width:380px;max-width:90vw;box-shadow:0 12px 48px #00000073;color:#fff}.login-card label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.login-card input{background:#ffffffd9;color:#222}.login-logo{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto .5rem;background:transparent;border-radius:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.login-brand{text-align:center;font-size:1.5rem;font-weight:700;color:#fff;margin:.25rem 0;text-shadow:0 2px 6px rgba(0,0,0,.55)}.login-subtitle{text-align:center;color:#ffffffd9;margin-bottom:1.5rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.login-error{color:#e74c3c;font-size:.9rem;margin-bottom:.5rem}.login-btn{width:100%;height:44px;font-size:1rem;margin-top:.5rem;justify-content:center;background:linear-gradient(180deg,#5cb818,#4a9e10);color:#fff}.login-btn:hover{background:linear-gradient(180deg,#4a9e10,#3d8a0a)}.nav-logout{margin-left:auto}.invoice-group{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.invoice-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.invoice-group-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.5rem .75rem;background:#f8f9fa;border-radius:6px}.invoice-group-link{font-weight:700;color:#4a9e10;cursor:pointer}.invoice-group-link:hover{text-decoration:underline}.invoice-group-date{color:#888;font-size:.85rem}.invoice-group-total{margin-left:auto;font-weight:600;font-size:1rem}.overdue-row{background:#fff5f5!important}.overdue-row td{color:#c0392b}.overdue-badge{display:inline-block;margin-left:.4rem;padding:.1rem .4rem;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;border-radius:3px;vertical-align:middle}tr[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}tr[draggable=true]:active{cursor:grabbing}.inline-edit-display{display:inline-block;min-width:60px;padding:.2rem .4rem;border-radius:4px;transition:background .15s}.inline-edit-display:hover{background:#f0f0f0}.inline-edit-input{padding:.25rem .4rem;border:1px solid #5cb818;border-radius:4px;font-size:inherit;font-weight:inherit;font-family:inherit;outline:none;width:100%;background:#fff}.task-details-row,.task-details-row:hover{background:#f9faf8!important}.task-details{display:flex;gap:2rem;padding:.5rem .75rem .75rem 3.5rem}.task-detail-field{flex:1}.task-detail-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#888;margin-bottom:.25rem}.task-notes-field{flex:2}.task-website-field{flex:1}.task-website-edit{font-size:.9rem;min-width:200px;color:#4a9e10}.task-notes-field .quill{background:#fff;border-radius:6px}.task-notes-field .ql-toolbar{border:1px solid #ddd!important;border-radius:6px 6px 0 0!important;background:#f8f8f8;padding:4px 8px!important}.task-notes-field .ql-toolbar .ql-formats{margin-right:8px!important}.task-notes-field .ql-toolbar button{width:26px!important;height:26px!important}.task-notes-field .ql-container{border:1px solid #ddd!important;border-top:none!important;border-radius:0 0 6px 6px!important;font-size:.9rem!important;font-family:inherit!important;min-height:80px}.task-notes-field .ql-editor{min-height:80px;padding:.5rem .75rem!important}.task-notes-field .ql-editor.ql-blank:before{font-style:italic;color:#bbb}.task-notes-field .ql-editor:focus{outline:none}.task-notes-field .ql-container:focus-within{border-color:#5cb818!important}.task-notes-field .ql-toolbar:has(+.ql-container:focus-within){border-color:#5cb818!important}.project-list-row{cursor:pointer;transition:background .15s}.project-list-row:hover{background:#f0fce8}.project-list-thumbnail{width:120px;height:75px;object-fit:cover;border-radius:6px;border:1px solid #eee;display:block}.project-list-thumbnail-placeholder{width:120px;height:75px;border-radius:6px;border:1px solid #eee;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.project-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;background:#fafafa}.project-search input{flex:1;border:none;background:none;outline:none;font-size:.9rem;padding:.25rem 0}.project-search-clear{background:none;border:none;cursor:pointer;padding:.2rem;display:flex;align-items:center;color:#999;border-radius:50%}.project-search-clear:hover{color:#333;background:#eee}.project-detail{max-width:1100px}.project-header-top{display:flex;gap:1.5rem;align-items:flex-start}.project-header-thumb img{width:280px;height:175px;object-fit:cover;border-radius:8px;border:1px solid #eee;display:block}.project-header-thumb-placeholder{width:280px;height:175px;border-radius:8px;border:1px solid #eee;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.project-header-info{flex:1;min-width:0}.project-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;align-items:center}.project-tabs{display:flex;background:#f8f9fa;border-radius:10px 10px 0 0;margin-top:1.5rem;border-bottom:2px solid #eee;overflow:hidden}.project-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s}.project-tab:hover{color:#333;background:#eee}.project-tab-active{color:#5cb818;border-bottom:2px solid #5cb818;margin-bottom:-2px;background:#fff}.version-list{display:flex;flex-direction:column;gap:.5rem}.version-card{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid #eee;border-radius:8px;background:#fafafa}.version-thumbnail-wrap{flex-shrink:0}.version-thumbnail{width:120px;height:75px;object-fit:cover;border-radius:6px;border:1px solid #eee;display:block}.version-thumbnail-placeholder{width:120px;height:75px;border-radius:6px;border:1px solid #eee;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.version-info{flex:1;min-width:0}.chat-container{display:flex;flex-direction:column;height:500px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #eee;margin-bottom:.5rem}.chat-messages{flex:1;overflow-y:auto;padding:.5rem 0}.chat-bubble{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:10px;max-width:90%}.chat-bubble-user{background:#e8f5e0;margin-left:auto;border-bottom-right-radius:2px}.chat-bubble-assistant{background:#f5f5f5;margin-right:auto;border-bottom-left-radius:2px}.chat-bubble-role{font-size:.72rem;font-weight:600;color:#999;margin-bottom:.3rem;text-transform:uppercase}.chat-bubble-content{font-size:.9rem;line-height:1.5;word-wrap:break-word}.chat-tool-actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.chat-tool-badge{display:inline-flex;align-items:center;gap:.25rem;background:#e0e0e0;padding:.15rem .5rem;border-radius:10px;font-size:.72rem;color:#555}.chat-input{display:flex;gap:.5rem;align-items:flex-end;padding-top:.75rem;border-top:1px solid #eee;margin-top:.5rem}.chat-input textarea{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;resize:none;font-family:inherit}.chat-input textarea:focus{outline:none;border-color:#5cb818}.file-list{border:1px solid #eee;border-radius:8px;overflow:hidden}.file-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid #f0f0f0;font-size:.85rem}.file-item:last-child{border-bottom:none}.file-item-dir{background:#fafafa}.file-item-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.file-item-clickable:hover{background:#f0f0f0}.file-item-chevron{flex-shrink:0;display:flex;color:#999;padding:.15rem;border-radius:3px}.file-item-chevron:hover{color:#555}.file-item-selected{background:#e8f5e0!important;border-left:3px solid #5cb818}.file-item-icon{flex-shrink:0;display:flex}.file-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{color:#999;font-size:.78rem;white-space:nowrap}.file-item-date{color:#bbb;font-size:.78rem;white-space:nowrap}.file-item-delete{flex-shrink:0;background:none;border:none;color:#ccc;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.file-item-delete:hover{color:#e74c3c;background:#fdf0ef}.chat-active-indicator{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0;font-size:.75rem;color:#5cb818;font-weight:500}.chat-thinking{display:flex;align-items:center;gap:.3rem;padding:.4rem 0}.chat-thinking-dot{width:8px;height:8px;border-radius:50%;background:#5cb818;animation:thinking-bounce 1.4s infinite ease-in-out both}.chat-thinking-dot:nth-child(1){animation-delay:0s}.chat-thinking-dot:nth-child(2){animation-delay:.16s}.chat-thinking-dot:nth-child(3){animation-delay:.32s}@keyframes thinking-bounce{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.terminal-container{position:relative;height:500px;overflow:hidden}.terminal-wrapper{height:100%;background:#1e1e1e;border-radius:0 0 8px 8px;padding:.5rem;box-sizing:border-box;overflow:hidden}.terminal-status{position:absolute;top:.5rem;right:.75rem;z-index:10;font-size:.78rem;background:#1e1e1ed9;padding:.25rem .6rem;border-radius:6px}.terminal-reconnect{background:none;border:none;color:#569cd6;cursor:pointer;font-size:.78rem;text-decoration:underline;padding:0}.terminal-reconnect:hover{color:#9cdcfe}.card-no-padding{padding:0!important;overflow:hidden}.global-terminal-panel{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#1e1e1e;border-top:2px solid #5cb818;box-shadow:0 -4px 20px #0000004d;height:50vh;display:flex;flex-direction:column}.global-terminal-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#2d2d2d;color:#d4d4d4;flex-shrink:0}.global-terminal-close{background:none;border:none;color:#999;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center}.global-terminal-close:hover{color:#f44747;background:#f447471a}.global-terminal-panel .terminal-container{flex:1;height:auto}.global-terminal-panel .card{flex:1;display:flex;flex-direction:column;border-radius:0!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.monitor-row{transition:background .1s}.monitor-row:hover{background:#fafafa}.accounts-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;margin-top:1rem}.accounts-sidebar{background:#fff;border:1px solid #eee;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.15rem;position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 13rem);overflow-y:auto}.accounts-sidebar-section-label{font-size:.72rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.04em;padding:.75rem .5rem .25rem;border-top:1px solid #eee;margin-top:.5rem}.accounts-sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.92rem;color:#444;text-align:left;transition:background .1s}.accounts-sidebar-item:hover{background:#f5f5f5}.accounts-sidebar-item-active{background:#e8f5e0;color:#2e6f0c;font-weight:600}.accounts-sidebar-count{background:#e9ecef;color:#666;padding:.1rem .45rem;border-radius:10px;font-size:.72rem;font-weight:500}.accounts-sidebar-item-active .accounts-sidebar-count{background:#5cb818;color:#fff}.accounts-divider{height:1px;background:#eee;margin:.4rem .5rem}.accounts-sidebar-toggle{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.82rem;color:#777;text-align:left}.accounts-sidebar-toggle:hover{background:#f5f5f5;color:#444}.accounts-main{min-width:0}.accounts-table th{font-size:.78rem;color:#888;text-transform:uppercase;letter-spacing:.04em}.account-row{transition:background .1s}.account-row:hover{background:#fafafa}.account-row-archived{opacity:.55}.accounts-archived-section{background:#fafafa!important;border:1px dashed #ddd}.accounts-archived-toggle{display:flex;align-items:center;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.88rem;color:#666;padding:.25rem 0}.accounts-archived-toggle:hover{color:#333}.accounts-archived-count{margin-left:auto;background:#e9ecef;color:#666;padding:.1rem .55rem;border-radius:10px;font-size:.72rem;font-weight:600}.account-row-clickable td:first-child:hover,.account-row-clickable td:nth-child(2):hover{background:#f0f7e8}.account-name-cell{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.account-name{font-weight:600;color:#222}.account-subtitle{font-size:.78rem;color:#999;margin-top:.15rem}.account-type-badge{font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.15rem .45rem;border-radius:10px;background:#e9ecef;color:#555}.account-type-badge.type-credit_card{background:#fff4e6;color:#b35900}.account-type-badge.type-mortgage{background:#fde2e4;color:#8c1a2c}.account-type-badge.type-car_loan{background:#fdecd2;color:#8a4a00}.account-type-badge.type-checking{background:#e7f1ff;color:#0d4ea6}.account-type-badge.type-savings{background:#e8f5e0;color:#2e6f0c}.account-type-badge.type-money_market{background:#f3e7ff;color:#6f25b6}.account-type-badge.type-brokerage{background:#ffeaea;color:#9c1a1a}.account-type-badge.type-ira{background:#e0f5f1;color:#0f6b5c}.account-type-badge.type-roth_ira{background:#e6e0ff;color:#4a2f9b}.account-type-badge.type-hsa{background:#ffe0e6;color:#b3194a}.account-type-badge.type-other{background:#ececec;color:#555}.account-joint-badge{font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:10px;background:#fff0d0;color:#8c6900}.account-archived-badge{font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:10px;background:#e9ecef;color:#666}.account-chips{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.account-apy-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;font-weight:500;padding:.2rem .5rem;border-radius:10px;background:#e7f1ff;color:#0d4ea6}.account-fee-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;font-weight:500;padding:.2rem .5rem;border-radius:10px;background:#fff4e6;color:#b35900}.account-bonus-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:500;padding:.2rem .55rem;border-radius:10px;position:relative}.bonus-progress{display:inline-block;width:60px;height:4px;background:#00000014;border-radius:2px;overflow:hidden;margin-left:.3rem}.bonus-progress-bar{display:block;height:100%;transition:width .3s}.accounts-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem 1.25rem;padding:1rem 1.5rem;margin-top:.5rem}.accounts-summary-stat{display:flex;flex-direction:column;gap:.2rem;padding:0 .25rem;border-right:1px solid #eee}.accounts-summary-stat:last-child{border-right:none}.accounts-summary-bonus{border-left:1px dashed #ddd;padding-left:1rem;margin-left:.25rem}.accounts-summary-label{display:flex;align-items:center;gap:.3rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:#888;font-weight:600}.accounts-summary-value{font-size:1.25rem;font-weight:700;line-height:1.2}@media (max-width: 700px){.accounts-summary-stat{border-right:none}.accounts-summary-bonus{border-left:none;padding-left:.25rem;margin-left:0}}.vendor-alias-chip{display:inline-flex;align-items:center;gap:.3rem;background:#f0f0f0;color:#444;padding:.25rem .6rem;border-radius:12px;font-size:.82rem}.vendor-alias-remove{background:none;border:none;color:#888;cursor:pointer;padding:0;font-size:1rem;line-height:1}.vendor-alias-remove:hover{color:#dc3545}.budget-table{width:100%;border-collapse:collapse;font-size:.82rem}.budget-table th{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.04em;padding:.4rem .3rem;border-bottom:1px solid #eee;text-align:center;font-weight:600}.budget-table th:first-child{text-align:left;padding-left:.75rem}.budget-table td{padding:.35rem .3rem;border-bottom:1px solid #f5f5f5;vertical-align:middle}.budget-name{padding-left:.75rem!important;font-weight:500}.budget-cell{text-align:center;min-width:60px}.budget-cell-empty{color:#ddd;text-align:center}.budget-cell-clickable{cursor:pointer;transition:filter .1s}.budget-cell-clickable:hover{filter:brightness(.92);outline:1px solid rgba(0,0,0,.15)}.budget-cell-actual{font-weight:600;font-size:.82rem}.budget-cell-budget{font-size:.68rem;color:#999;margin-top:.05rem}.budget-cell-good{background:#5cb8180f}.budget-cell-good .budget-cell-actual{color:#2e6f0c}.budget-cell-near{background:#ffc10714}.budget-cell-near .budget-cell-actual{color:#8a6500}.budget-cell-over{background:#dc354514}.budget-cell-over .budget-cell-actual{color:#dc3545}.budget-cell-ok{background:#0d6efd0f}.budget-cell-ok .budget-cell-actual{color:#0d4ea6}.budget-cell-under .budget-cell-actual{color:#888}.budget-cell-total{border-left:2px solid #ddd;background:#fafafa}.budget-cell-total .budget-cell-actual{color:#333}.budget-cell-total-header{border-left:2px solid #ddd}.budget-cell-subtotal{background:#f5f5f5;font-weight:600}.budget-cell-subtotal .budget-cell-actual{color:#333}.budget-month-current{background:#fff8e1;color:#8a6500!important}.budget-section-header td{background:#f0f7e8;color:#2e6f0c;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem}.budget-section-header-income td{background:#e7f1ff;color:#0d4ea6}.budget-section-total td{background:#fafafa;font-weight:600;border-top:1px solid #ddd}.budget-net-row td{background:#fffae6;font-weight:700;font-size:.9rem;border-top:2px solid #ddd;text-align:center}.budget-net-row td:first-child{text-align:left;padding-left:.75rem}.budget-row:hover{background:#f9f9f9}.budget-setup-table{width:100%;border-collapse:collapse;font-size:.78rem}.budget-setup-table th{font-size:.68rem;color:#888;padding:.3rem;text-align:center;border-bottom:1px solid #eee}.budget-setup-table td{padding:.25rem .2rem;border-bottom:1px solid #f5f5f5}.budget-row-archived{opacity:.6}.hsa-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.25rem;padding:1rem 1.5rem;margin-top:.5rem}.hsa-summary-stat{padding:0 .4rem;border-right:1px solid #eee}.hsa-summary-stat:last-child{border-right:none}.hsa-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:500;padding:.15rem .5rem;border-radius:10px}.hsa-badge-contribution{background:#d1f0d8;color:#198754}.hsa-badge-withdrawal{background:#fff4e6;color:#b35900}.hsa-badge-medical{background:#ffe0e6;color:#b3194a}@media (max-width: 700px){.hsa-summary-stat{border-right:none}}.txn-table{width:100%;border-collapse:collapse}.txn-table th{font-size:.78rem;color:#888;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:.5rem .6rem;border-bottom:1px solid #eee}.txn-table td{padding:.55rem .6rem;border-bottom:1px solid #f3f3f3;vertical-align:middle;font-size:.9rem}.txn-row:hover{background:#fafafa}.txn-row-highlighted{background:#fff8dc;box-shadow:inset 3px 0 #f0ad4e}.txn-row-highlighted:hover{background:#fff3c4}.txn-category-chip{display:inline-block;font-size:.72rem;padding:.15rem .5rem;border-radius:10px;background:#f0f0f0;color:#444}.txn-mode-tab{flex:1;padding:.55rem .75rem;background:#f3f3f3;border:1px solid #e3e3e3;border-radius:8px;cursor:pointer;font-size:.88rem;color:#555;transition:background .1s,color .1s}.txn-mode-tab:hover{background:#ebebeb}.txn-mode-tab-active{background:#5cb818;border-color:#5cb818;color:#fff;font-weight:500}.txn-line-row{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem}.txn-line-btn{background:none;border:1px solid #ddd;border-radius:6px;padding:.4rem .55rem;cursor:pointer;color:#666;font-size:.9rem;display:flex;align-items:center;justify-content:center}.txn-line-btn:hover{background:#f4f4f4}.txn-line-btn-danger:hover{background:#fdf0ef;color:#dc3545;border-color:#f5cccf}.txn-add-line-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px dashed #bbb;border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem;color:#555;margin-top:.3rem}.txn-add-line-btn:hover{background:#f4f4f4;border-color:#888;color:#333}.account-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.account-modal{background:#fff;border-radius:10px;width:100%;max-width:720px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000040}.account-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee}.account-modal-close{background:none;border:none;cursor:pointer;padding:.3rem;color:#888;border-radius:4px;display:flex;align-items:center}.account-modal-close:hover{background:#f0f0f0;color:#444}.account-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1}.account-modal-footer{padding:.75rem 1.25rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:.5rem}.account-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 600px){.account-modal-grid,.accounts-layout{grid-template-columns:1fr}.accounts-sidebar{position:static}}