.app-shell{display:flex;min-height:100vh}.shell-sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50}.shell-sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border);text-align:center}.shell-logo{height:48px;width:auto;filter:drop-shadow(0 2px 8px rgba(79,140,255,.15));margin-bottom:.5rem}.shell-role-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600}.shell-nav{flex:1;padding:.75rem 0;overflow-y:auto}.shell-nav-item{display:block;width:100%;padding:.6rem 1.25rem;background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.85rem;text-align:left;cursor:pointer;transition:color .15s,background .15s}.shell-nav-item:hover{color:var(--text);background:var(--surface-hover)}.shell-nav-item.active{color:var(--accent);background:#4f8cff14;border-right:2px solid var(--accent)}.shell-nav-group{margin-top:.25rem;border-top:1px solid var(--border);padding-top:.25rem}.shell-nav-group-toggle{display:flex;align-items:center;gap:.4rem;width:100%;padding:.55rem 1.25rem;background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:left;cursor:pointer;transition:color .15s}.shell-nav-group-toggle:hover{color:var(--text)}.shell-nav-group-arrow{font-size:.65rem;width:.75rem;text-align:center}.shell-nav-sub{padding-left:2rem;font-size:.8rem}.shell-sidebar-footer{padding:1rem;border-top:1px solid var(--border)}.shell-user-name{font-size:.8rem;color:var(--text);margin-bottom:.5rem}.shell-sign-out{background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.75rem;cursor:pointer;padding:0}.shell-sign-out:hover{color:var(--red)}.shell-main{flex:1;margin-left:220px;min-width:0;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.shell-header-left{display:flex;align-items:baseline;gap:.75rem}.shell-title{font-size:1.25rem;font-weight:600}.shell-updated{font-size:.75rem;color:var(--text-muted)}.shell-header-actions{display:flex;gap:.5rem}.shell-content{flex:1;padding:1.5rem;min-width:0;overflow-x:auto}.shell-hamburger{display:none;position:fixed;top:.75rem;left:.75rem;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem;cursor:pointer;flex-direction:column;gap:4px}.shell-hamburger span{display:block;width:18px;height:2px;background:var(--text)}.shell-overlay{display:none}@media(max-width:768px){.shell-sidebar{transform:translate(-100%);transition:transform .2s ease}.shell-sidebar.open{transform:translate(0)}.shell-hamburger{display:flex}.shell-main{margin-left:0}.shell-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:40}.shell-header{padding-left:3.5rem}}.kpi-grid{display:flex;flex-wrap:wrap;gap:1rem}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;min-width:180px;flex:1}.kpi-clickable{cursor:pointer;transition:border-color .15s,background .15s}.kpi-clickable:hover{border-color:var(--accent);background:var(--surface-hover)}.kpi-value{font-size:1.75rem;font-weight:700;line-height:1.2;display:flex;align-items:baseline;gap:.5rem}.kpi-label{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;text-transform:uppercase;letter-spacing:.04em}.kpi-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.kpi-green .kpi-value{color:var(--green)}.kpi-yellow .kpi-value{color:var(--yellow)}.kpi-red .kpi-value{color:var(--red)}.kpi-neutral .kpi-value{color:var(--text)}.kpi-green{border-left:3px solid var(--green)}.kpi-yellow{border-left:3px solid var(--yellow)}.kpi-red{border-left:3px solid var(--red)}.kpi-trend{font-size:.75rem}.kpi-trend-up{color:var(--green)}.kpi-trend-down{color:var(--red)}.kpi-trend-flat{color:var(--text-muted)}@media(max-width:768px){.kpi-tile{min-width:140px;padding:1rem}.kpi-value{font-size:1.4rem}}.data-grid-wrapper{border-radius:8px;overflow:hidden;border:1px solid var(--border);width:100%;min-width:0}.bh-loading{color:var(--text-muted);padding:2rem;text-align:center}.bh-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}@media(max-width:900px){.bh-layout{grid-template-columns:1fr}}.bh-left{display:flex;flex-direction:column;gap:1rem}.bh-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.bh-card h3{margin:0 0 .75rem;font-size:.95rem;color:var(--text)}.bh-table{width:100%;border-collapse:collapse}.bh-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.75rem;padding:.4rem .5rem;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em}.bh-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text)}.bh-table tr:last-child td{border-bottom:none}.bh-over-cap{color:#ef4444;font-weight:600}.bh-positive{color:#f59e0b}.bh-negative{color:#22c55e}.bh-total-row{font-weight:600;background:#3b82f60d}.bh-total-row td{border-top:2px solid var(--border)}.bh-cap-note{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.bh-form-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.bh-tab{padding:.35rem .75rem;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font)}.bh-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.bh-form{display:flex;flex-direction:column;gap:.75rem}.bh-form label{font-size:.8rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.3rem}.bh-form select,.bh-form input{padding:.5rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font)}.bh-form select:focus,.bh-form input:focus{border-color:var(--accent);outline:none}.bh-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.bh-form textarea{padding:.5rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font);resize:vertical;min-height:2.5rem}.bh-balance-preview{padding:.5rem .75rem;border-radius:5px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);font-size:.85rem;color:var(--text)}.bh-new-bal{font-weight:600}.bh-submit-btn{padding:.55rem 1rem;border-radius:5px;border:none;font-size:.85rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s}.bh-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bh-add{background:var(--accent);color:#fff}.bh-add:hover:not(:disabled){background:var(--accent-hover)}.bh-undo-btn{background:#ef4444;color:#fff}.bh-undo-btn:hover:not(:disabled){background:#dc2626}.bh-msg{padding:.5rem .75rem;border-radius:5px;font-size:.8rem}.bh-msg-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.bh-msg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.bh-undo-info{font-size:.8rem;color:var(--text-muted);padding:.5rem 0;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 64px #00000080;outline:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{color:var(--text);background:var(--surface-hover)}.modal-body{padding:1.5rem;overflow-y:auto}@media(max-width:768px){.modal-card{max-height:90vh;border-radius:8px}.modal-header,.modal-body{padding:1rem}}.ar-loading{color:var(--text-muted);padding:2rem;text-align:center}.ar-aging-strip{display:flex;gap:1rem;margin-top:1.5rem}.ar-bucket{flex:1;padding:.75rem 1rem;border-radius:8px;text-align:center}.ar-bucket .bucket-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.ar-bucket .bucket-value{font-size:1.1rem;font-weight:700}.b-current{background:#34d39914;border:1px solid rgba(52,211,153,.2);color:#34d399}.b-30{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.b-60{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171}.b-90{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}@media(max-width:600px){.ar-aging-strip{flex-wrap:wrap}.ar-bucket{min-width:calc(50% - .5rem)}}.ar-section{margin-top:1.5rem}.ar-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ar-section-header h3{font-size:1rem;font-weight:600}.ar-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:#4f8cff1a;color:var(--accent)}.ar-client-link{cursor:pointer;color:var(--accent)}.ar-abc-badge{display:inline-block;padding:0 4px;border-radius:3px;font-size:.65rem;font-weight:700;margin-left:6px;border:1px solid}.ar-detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem;font-size:.82rem;color:var(--text-muted)}.ar-meta-tag{padding:.15rem .5rem;border:1px solid;border-radius:4px;font-weight:600;font-size:.75rem}.ar-detail-section{margin-top:1.25rem}.ar-detail-section h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.ar-comments{max-height:200px;overflow-y:auto}.ar-no-comments{color:var(--text-muted);font-size:.82rem;padding:.5rem 0}.ar-comment-item{padding:.5rem 0;border-bottom:1px solid var(--border)}.ar-comment-item:last-child{border-bottom:none}.ar-comment-date{font-size:.7rem;color:var(--text-muted);margin-bottom:.15rem}.ar-comment-text{font-size:.85rem;color:var(--text)}.ar-comment-input{display:flex;gap:.5rem;margin-top:.5rem}.ar-comment-input textarea{flex:1;padding:.5rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font);resize:vertical;min-height:2.5rem}.ar-comment-input textarea:focus{border-color:var(--accent);outline:none}.ar-comment-input button{padding:.5rem 1rem;border-radius:5px;border:none;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;align-self:flex-end}.ar-comment-input button:disabled{opacity:.5;cursor:not-allowed}.ar-comment-input button:hover:not(:disabled){background:var(--accent-hover)}.office-loading{color:var(--text-muted);padding:2rem;text-align:center}.office-actions{display:flex;gap:1rem;margin-bottom:2rem}.office-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;flex:1}.office-action-btn:hover{border-color:var(--accent);background:var(--surface-hover)}.action-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#4f8cff1a;color:var(--accent);font-weight:700;font-size:1rem;flex-shrink:0}.office-section{margin-bottom:2rem}.office-section h3{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}@media(max-width:600px){.office-actions{flex-direction:column}}:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #22252f;--border: #2a2e3d;--text: #e4e6ed;--text-muted: #8b8fa3;--accent: #4f8cff;--accent-hover: #3a7af0;--green: #34d399;--red: #f87171;--yellow: #fbbf24;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center;box-shadow:0 8px 40px #0006}.login-logo{height:80px;width:auto;margin-bottom:1.5rem;filter:drop-shadow(0 2px 12px rgba(79,140,255,.2))}.login-card h1{font-size:1.1rem;font-weight:500;color:var(--text-muted);margin-bottom:2rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;color:#3c4043;border:none;border-radius:6px;font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;transition:box-shadow .15s,background .15s}.google-btn:hover{background:#f8f8f8;box-shadow:0 2px 8px #0000004d}.login-error{margin-top:1.25rem;padding:.65rem .85rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:var(--red);font-size:.85rem}.login-footer{margin-top:2rem;color:var(--text-muted);font-size:.75rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.role-home{min-height:100vh;max-width:1200px;margin:0 auto;padding:1.5rem}.role-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.role-header h1{font-size:1.5rem;font-weight:600}.role-badge{display:inline-block;margin-top:.25rem;padding:.2rem .6rem;background:#4f8cff26;color:var(--accent);border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sign-out-btn{padding:.5rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;font-family:var(--font);font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}.sign-out-btn:hover{color:var(--text);border-color:var(--text-muted)}.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem}.placeholder-card h2{font-size:1.25rem;margin-bottom:.5rem}.placeholder-card p{color:var(--text-muted)}.placeholder-tabs{margin-top:1.5rem}.placeholder-tabs h3{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.tab-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tab-chip{padding:.35rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:.8rem;color:var(--text-muted)}