.page-nav{display:flex;align-items:center;gap:4px;margin-right:4px}.page-nav-btn{position:relative;background:transparent;color:#aebdca;padding:9px 10px;font-size:12px}.page-nav-btn:hover,.page-nav-btn.active{color:#fff}.page-nav-btn.active:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--orange);border-radius:2px}.projects-page{padding-top:48px}.project-intro{align-items:center}.project-intro .new-btn{flex:none}.project-table-panel{overflow:hidden}.table-title{margin:5px 0 0;font-size:17px}.project-count{color:#8795a3;font-size:11px}.project-table{min-width:2070px}.project-table th,.project-table td{padding-left:12px;padding-right:12px}.project-table th:first-child,.project-table td:first-child{padding-left:28px}.project-table th:last-child,.project-table td:last-child{padding-right:28px}.project-index{color:#a0acb8;font:11px "DM Mono",monospace}.project-editable{cursor:text;border-radius:3px;padding:5px 4px;margin:-5px -4px;display:inline-block;min-width:40px}.project-editable:hover{background:#f2f6f9;color:#26394d}.project-choice{padding:5px 8px;margin:-5px 0;border-radius:4px;font-weight:700;text-align:center}.project-choice.neutral{background:#edf2f7;color:#63778d}.project-choice.confidential{background:#fff0ed;color:#bd5949}.project-cell-input{height:28px;width:100%;min-width:112px;border:1px solid #9db9d1;border-radius:4px;padding:0 6px;color:#33485c;background:#fff;outline:none}.project-cell-input:focus,.project-status-select:focus{border-color:#6e9bc0;box-shadow:0 0 0 3px rgba(74,125,181,.1)}.project-status-select{height:28px;min-width:84px;border:1px solid #9db9d1;border-radius:4px;font-size:11px;background:#fff;color:#33485c}.money-cell{font-family:"DM Mono",monospace;color:#455a6d;text-align:right}.expense-cell{color:#b66c2e}.remaining-cell{font-weight:800;color:#3c8964}.remaining-cell.negative{color:#c75a43;background:#fff1ee}.numeric-input{min-width:92px;text-align:right;font-family:"DM Mono",monospace}.projects-page .table-summary{padding-bottom:13px}.project-modal{width:min(820px,100%)}
@media(max-width:900px){.page-nav{margin-right:0}.top-meta{gap:11px}.projects-page{padding-top:32px}.project-intro{align-items:flex-start}}
@media(max-width:600px){.page-nav-btn{padding:8px 6px;font-size:11px}.page-nav-btn.active:after{left:6px;right:6px}.project-intro{display:flex;flex-direction:column;align-items:stretch;gap:17px}.project-intro .new-btn{align-self:flex-start}.projects-page{padding-top:25px}.project-table-panel .table-toolbar{align-items:flex-end}}