.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.top-toolbar{display:flex;align-items:center;height:20px;padding:0 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-dark);gap:16px}.toolbar-left{display:flex;align-items:center}.toolbar-left .logo{font-size:12px;font-weight:700;color:var(--text-primary)}.logo-menu-wrapper{position:relative}.logo-btn{display:flex;align-items:center;justify-content:center;width:24px;height:18px;background:transparent;border:none;cursor:pointer;font-weight:700;font-size:12px;color:var(--text-primary)}.logo-btn:hover{background:var(--highlight);color:var(--highlight-text)}.logo-icon{font-family:Chicago,Geneva,serif;font-weight:700}.logo-dropdown{position:absolute;top:100%;left:0;min-width:160px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);box-shadow:2px 2px #0003;z-index:100}.logo-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:4px 12px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer;text-align:left}.logo-dropdown button:hover{background:var(--highlight);color:var(--highlight-text)}.menu-divider{height:1px;background:var(--border-dark);margin:2px 0}.toolbar-center{display:flex;gap:2px}.toolbar-center button,.toolbar-right button{display:flex;align-items:center;gap:4px;padding:2px 8px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer}.toolbar-center button:hover,.toolbar-right button:hover,.toolbar-center button.active{background:var(--highlight);color:var(--highlight-text)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.sync-status{font-size:10px;color:var(--text-muted)}.main-layout{display:flex;flex:1;padding:4px;gap:4px}.sidebar{width:180px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);display:flex;flex-direction:column}.design-sidebar{width:200px}.sidebar-header{padding:4px 8px;font-size:11px;font-weight:700;background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-dark);text-align:center}.connector-list{flex:1;padding:4px;overflow-y:auto}.connector-header{display:flex;align-items:center;gap:6px;width:100%;padding:3px 6px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer;text-align:left;margin-bottom:2px}.connector-header:hover,.connector-header.active{background:var(--highlight);color:var(--highlight-text)}.connector-header span:nth-child(2){flex:1}.connector-count{font-size:9px;color:inherit;background:#0000001a;padding:0 4px;border-radius:2px}.sidebar-footer{padding:4px;border-top:1px solid var(--border-dark)}.sidebar-footer button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:3px 6px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer}.sidebar-footer button:hover{background:var(--highlight);color:var(--highlight-text)}.main-content{flex:1;display:flex;flex-direction:column;gap:4px}.dual-panel-container{display:flex;flex:1;gap:4px;min-height:0}.panel{flex:1;display:flex;flex-direction:column;background:var(--bg-window);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);transition:all .15s ease}.panel.selected{border-color:var(--highlight);box-shadow:0 0 0 2px var(--highlight)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:linear-gradient(to right,var(--highlight),var(--bg-secondary));color:var(--highlight-text);font-size:11px;font-weight:700;min-height:20px}.panel.selected .panel-header{background:linear-gradient(to right,var(--highlight),#4040a0)}.panel-close{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);cursor:pointer;padding:0}.panel-close:hover{background:#f66}.panel-content{flex:1;overflow-y:auto;padding:4px;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);margin:4px}.panel-item{display:flex;align-items:center;padding:4px 8px;border-bottom:1px solid var(--bg-secondary);gap:8px;cursor:grab}.panel-item:hover{background:var(--highlight);color:var(--highlight-text)}.panel-item:active{cursor:grabbing}.item-info{flex:1;min-width:0}.item-name{font-weight:700;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-details{font-size:10px;color:var(--text-muted)}.panel-item:hover .item-details{color:var(--highlight-text)}.item-amount{font-size:11px;font-weight:700;white-space:nowrap}.item-type{font-size:9px;font-weight:700;background:var(--bg-secondary);padding:1px 4px;border:1px solid var(--border-dark)}.item-actions{display:flex;gap:2px}.item-actions button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);cursor:pointer;padding:0}.item-actions button:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.password-reveal{width:100%;margin-top:4px;padding:4px;background:var(--bg-input);border:1px solid var(--border-dark);font-family:Monaco,Courier New,monospace;font-size:10px;grid-column:1 / -1}.status-dot{width:8px;height:8px;border-radius:0;border:1px solid var(--border-dark);flex-shrink:0}.status-dot.connected{background:#0a0}.status-dot.pending{background:#aa0}.status-dot.error{background:#a00}.priority-bar{width:4px;height:20px;flex-shrink:0}.priority-bar.priority-1{background:#000}.priority-bar.priority-2{background:#555}.priority-bar.priority-3{background:#888}.todo-container{display:flex;gap:4px;height:140px}.drop-zone{flex:1;display:flex;flex-direction:column;background:var(--bg-window);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);transition:all .15s ease}.drop-zone.drag-over{border-color:var(--highlight);background:#e8e8ff}.drop-zone-header{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-dark);font-size:11px;font-weight:700}.todo-list{flex:1;overflow-y:auto;padding:4px;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);margin:4px}.todo-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-bottom:1px solid var(--bg-secondary)}.todo-item.completed{color:var(--text-muted)}.todo-item.completed .todo-text{text-decoration:line-through}.todo-checkbox{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-dark);cursor:pointer;padding:0;flex-shrink:0}.todo-text{flex:1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-delete{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;opacity:.5}.todo-delete:hover{opacity:1;color:#a00}.todo-actions{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:4px}.print-todo-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.print-todo-btn:hover{background:#bbb}.print-todo-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.print-todo-btn:disabled{color:var(--text-muted);cursor:not-allowed}.todo-count{font-size:10px;color:var(--text-muted);text-align:center}.empty-state{text-align:center;padding:16px;color:var(--text-muted);font-size:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);width:320px;box-shadow:4px 4px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:linear-gradient(to right,var(--highlight),var(--bg-secondary));color:var(--highlight-text)}.modal-header h3{font-size:12px;font-weight:700;color:var(--highlight-text)}.modal-header button{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);cursor:pointer;padding:0}.modal-body{padding:12px;display:flex;flex-direction:column;gap:8px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:4px 6px;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);color:var(--text-primary);font-family:inherit;font-size:11px}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none}.modal-body textarea{min-height:50px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--border-dark)}.cancel-btn,.save-btn{padding:4px 16px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer}.cancel-btn:active,.save-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.save-btn{font-weight:700}.save-btn:disabled{color:var(--text-muted);cursor:not-allowed}.notification{position:fixed;bottom:12px;right:12px;padding:8px 16px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-size:11px;box-shadow:2px 2px #0003;z-index:300}.notification.error{border-color:#a00}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.dashboard-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);cursor:pointer;transition:all .15s ease}.dashboard-card:hover{background:#bbb}.dashboard-card:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-dark)}.card-stats{flex:1}.card-number{font-size:20px;font-weight:700}.card-label{font-size:11px;font-weight:700}.card-sub{font-size:9px;color:var(--text-muted)}.connectors-content{display:flex;flex-direction:column;height:100%;gap:4px}.design-content{display:flex;flex-direction:column;height:100%}.design-main{flex:1;display:flex;flex-direction:column;gap:4px;min-height:0}.preview-container{flex:1;position:relative;background:var(--bg-window);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.site-preview{width:100%;height:100%;border:none;background:#fff}.empty-preview{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.empty-preview p{font-size:11px}.preview-overlay{position:absolute;top:8px;right:8px;z-index:10}.open-external-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer;box-shadow:2px 2px #0003}.open-external-btn:hover{background:#bbb}.uploads-panel{height:80px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.uploads-header{padding:4px 8px;font-size:10px;font-weight:700;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border-bottom:1px solid var(--border-dark)}.uploads-grid{display:flex;gap:8px;padding:8px;overflow-x:auto}.upload-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:var(--bg-input);border:1px solid var(--border-dark);cursor:grab;min-width:60px}.upload-item img{width:40px;height:40px;object-fit:cover}.upload-item span{font-size:8px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-actions{display:flex;gap:8px;padding:8px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);justify-content:center}.big-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.big-action-btn:hover{background:#bbb}.big-action-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.design-sidebar{display:flex;flex-direction:column}.jack2-header{display:flex;align-items:center;gap:8px;padding:8px;background:linear-gradient(to bottom,#1a1a2e,#16213e)}.jack2-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700;font-size:11px;border:1px solid #ff6b35}.jack2-header span{color:#ff6b35;font-weight:700;font-size:12px}.jack2-home-section{display:flex;gap:12px;padding:8px;background:linear-gradient(to bottom,#1a1a2e,#16213e);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);min-height:180px}.jack2-ascii-logo{display:flex;align-items:center;padding:8px}.ascii-art{font-family:Monaco,Menlo,Courier New,monospace;font-size:6px;line-height:1;color:#f60;margin:0;white-space:pre}.ascii-art .green{color:#0a0}.jack2-home-chat{flex:1;display:flex;flex-direction:column;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.jack2-home-chat .chat-messages{flex:1;overflow-y:auto;padding:8px;font-size:11px;min-height:100px}.jack2-home-chat .chat-input-row{background:var(--bg-secondary);border-top:1px solid var(--border-dark)}.jack2-sidebar-header{padding:6px 4px;background:linear-gradient(to bottom,#1a1a2e,#16213e);border-bottom:1px solid var(--border-dark);display:flex;justify-content:center}.ascii-art-small{font-family:Monaco,Menlo,Courier New,monospace;font-size:4px;line-height:1;color:#f60;margin:0;white-space:pre}.ascii-art-small .green{color:#0a0}.site-list{flex:1;padding:4px;overflow-y:auto;max-height:150px}.site-item{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer;text-align:left;margin-bottom:2px}.site-item:hover,.site-item.active{background:var(--highlight);color:var(--highlight-text)}.site-item.add-site{border-style:dashed;justify-content:center;color:var(--text-muted)}.status-dot.live{background:#0a0}.chat-container{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--border-dark);min-height:200px}.chat-messages{flex:1;overflow-y:auto;padding:8px;background:var(--bg-input);font-size:10px}.chat-empty{color:var(--text-muted);text-align:center;padding:16px}.chat-msg{margin-bottom:8px;padding:6px 8px;border-radius:0;max-width:90%}.chat-msg.user{background:var(--highlight);color:var(--highlight-text);margin-left:auto}.chat-msg.assistant{background:var(--bg-secondary);border:1px solid var(--border-dark)}.chat-msg.loading{opacity:.6;font-style:italic}.chat-input-row{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-top:1px solid var(--border-dark)}.chat-input-row input{flex:1;padding:6px 8px;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);color:var(--text-primary);font-family:inherit;font-size:10px}.chat-input-row input:focus{outline:none}.chat-input-row button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--highlight);border:1px solid var(--border-dark);color:var(--highlight-text);cursor:pointer}.chat-input-row button:disabled{background:var(--bg-secondary);color:var(--text-muted)}.home-content{display:flex;flex-direction:column;gap:8px;height:100%}.welcome-section{text-align:center;padding:8px;background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.welcome-section h1{font-size:16px;font-weight:700;margin:0}.welcome-section p{font-size:10px;color:var(--text-muted);margin:2px 0 0}.stats-row{display:flex;gap:4px}.stat-box{flex:1;text-align:center;padding:8px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.stat-number{font-size:18px;font-weight:700}.stat-label{font-size:9px;color:var(--text-muted)}.quick-actions{display:flex;gap:4px;justify-content:center}.action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer}.action-btn:hover{background:#bbb}.action-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.action-btn:disabled{color:var(--text-muted);cursor:not-allowed}.passwords-content,.expenses-content,.settings-content{flex:1;display:flex;flex-direction:column;background:var(--bg-window);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.content-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:linear-gradient(to right,var(--highlight),var(--bg-secondary));color:var(--highlight-text)}.content-header h2{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin:0;color:var(--highlight-text)}.add-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer}.add-btn:hover{background:#bbb}.password-list,.expense-list{flex:1;overflow-y:auto;padding:4px;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);margin:4px}.password-item,.expense-item{display:flex;align-items:center;padding:4px 8px;border-bottom:1px solid var(--bg-secondary);gap:8px;flex-wrap:wrap}.password-item:hover,.expense-item:hover{background:var(--highlight);color:var(--highlight-text)}.password-info,.expense-info{flex:1;min-width:0}.password-name,.expense-category{font-weight:700;font-size:11px}.password-username,.expense-subject,.expense-from{font-size:10px;color:var(--text-muted)}.password-item:hover .password-username,.expense-item:hover .expense-subject,.expense-item:hover .expense-from{color:var(--highlight-text)}.expense-amount{font-size:11px;font-weight:700;white-space:nowrap}.password-actions{display:flex;gap:2px}.password-actions button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);cursor:pointer;padding:0}.password-actions button:hover{background:#bbb}.settings-section{padding:12px;border-bottom:1px solid var(--border-dark)}.settings-section h3{font-size:12px;margin:0 0 8px}.settings-section p{font-size:10px;color:var(--text-muted);margin:4px 0}.settings-row{display:flex;gap:8px}.settings-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:11px;cursor:pointer}.settings-btn:hover{background:#bbb}.finance-content{display:flex;flex-direction:column;height:100%;gap:4px}.pl-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(to right,var(--highlight),var(--bg-secondary));color:var(--highlight-text);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.pl-header h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0;color:var(--highlight-text)}.pl-actions{display:flex;gap:8px}.reset-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer}.reset-btn:hover{background:#bbb}.pl-spreadsheet{flex:1;overflow-y:auto;background:var(--bg-input);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);padding:8px}.pl-section{margin-bottom:8px;background:var(--bg-window);border:1px solid var(--border-dark);transition:all .15s ease}.pl-section.drop-target{border-color:var(--highlight);box-shadow:0 0 0 2px var(--highlight);background:#e8e8ff}.pl-section-header{padding:6px 12px;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));font-size:11px;font-weight:700;border-bottom:1px solid var(--border-dark)}.pl-row{display:flex;align-items:center;padding:4px 12px;border-bottom:1px solid var(--bg-secondary);cursor:grab;transition:background .1s ease}.pl-row:hover{background:var(--highlight);color:var(--highlight-text)}.pl-row:active{cursor:grabbing}.gl-number{width:60px;font-size:10px;color:var(--text-muted);font-family:Monaco,Courier New,monospace}.pl-row:hover .gl-number{color:var(--highlight-text)}.gl-name{flex:1;font-size:11px}.gl-balance{width:100px;text-align:right;font-size:11px;font-family:Monaco,Courier New,monospace}.pl-total-row{display:flex;justify-content:space-between;padding:6px 12px;background:var(--bg-secondary);font-weight:700;font-size:11px}.total-amount{font-family:Monaco,Courier New,monospace}.pl-gross-profit,.pl-net-operating,.pl-net-income{display:flex;justify-content:space-between;padding:8px 12px;margin-bottom:8px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);font-weight:700;font-size:12px}.gross-amount,.net-amount,.net-income-amount{font-family:Monaco,Courier New,monospace}.positive{color:#060}.negative{color:#a00}.pl-net-income{background:linear-gradient(to right,var(--highlight),var(--bg-secondary));color:var(--highlight-text);font-size:14px}.pl-net-income .positive,.pl-net-income .negative{color:var(--highlight-text)}.pl-instructions{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);font-size:10px;color:var(--text-muted)}.finance-sidebar{display:flex;flex-direction:column}.finance-menu{padding:4px}.finance-menu-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);color:var(--text-primary);font-family:inherit;font-size:10px;cursor:pointer;text-align:left;margin-bottom:2px}.finance-menu-item:hover,.finance-menu-item.active{background:var(--highlight);color:var(--highlight-text)}.sidebar-section{padding:8px;border-top:1px solid var(--border-dark)}.sidebar-section-header{font-size:10px;font-weight:700;margin-bottom:6px;color:var(--text-muted)}.qbo-status{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:10px}@media (max-width: 768px){.dual-panel-container{flex-direction:column}.sidebar{width:120px}.todo-container{height:100px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #dddddd;--bg-secondary: #cccccc;--bg-window: #eeeeee;--bg-input: #ffffff;--border-light: #ffffff;--border-dark: #888888;--border-darker: #555555;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--highlight: #000080;--highlight-text: #ffffff;--shadow-sm: 1px 1px 0 #888;--radius: 0}body{font-family:Chicago,Charcoal,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:12px;-webkit-font-smoothing:none}::-webkit-scrollbar{width:16px;height:16px;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 2px 2px}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}::-webkit-scrollbar-button{background:var(--bg-secondary);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);height:16px}.classic-btn{background:var(--bg-secondary);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:4px 12px;font-family:inherit;font-size:12px;cursor:pointer}.classic-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.inset{border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);background:var(--bg-input)}.outset{border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background:var(--bg-secondary)}