@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2b3d;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#132654;--blue:#1d66d3;--cyan:#22b6cf;--ink:#1f2b3d;--muted:#78869a;--line:#e3e9f1;--paper:#fff;--green:#0d9c78;--soft-blue:#edf5ff}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:#f5f7fb}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8fc7ff;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid #e3e9f1;display:flex;flex-direction:column;z-index:3}.brand{height:103px;padding:21px 21px 17px;border-bottom:1px solid #eef1f6;display:flex;flex-direction:column;justify-content:center}.brand img{width:155px;height:42px;object-fit:contain;object-position:left center}.brand-caption{font-size:12px;color:#64728a;margin:2px 0 0 2px;letter-spacing:.08em}.sidebar nav{padding:18px 12px;display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;height:44px;padding:0 16px;border-radius:8px;display:flex;align-items:center;color:#526177;text-align:left;font-size:14px;font-weight:500;transition:.15s}.nav-item:hover{background:#f1f6fc;color:#174f9e}.nav-item.active{background:#eaf3ff;color:#155fc6;font-weight:650;box-shadow:inset 3px 0 #196ad8}.sidebar-bottom{margin-top:auto;border-top:1px solid #edf0f5;padding:17px 18px 19px;color:#6f7d90;font-size:12px;display:flex;align-items:center;gap:8px}.online-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#18ae83;box-shadow:0 0 0 3px #e6f7f1}.sidebar-version{margin-left:auto;color:#a0aabc}.main-area{margin-left:224px;min-height:100vh}.topbar{height:62px;padding:0 32px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2}.crumb{font-size:13px;color:#6d7a8d}.crumb span{color:#c2cbd8;padding:0 9px}.top-actions{display:flex;align-items:center;gap:20px}.demo-label{background:#fff8e7;color:#a87612;padding:5px 9px;border-radius:5px;font-size:11px;border:1px solid #f3dfad}.update-label{font-size:12px;color:#8b97a9}.user-chip{border:0;border-left:1px solid #e6ebf2;padding:0 0 0 17px;background:transparent;display:flex;align-items:center;gap:8px;color:#435168;font-size:13px}.avatar{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;background:#e9f0fa;color:#24598f;font-size:12px;font-weight:600}.caret{color:#8b97a9}.page-content{padding:27px 32px 48px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px}.page-heading h1{font-size:23px;letter-spacing:-.03em;margin:0 0 4px;font-weight:650;color:#1b2a40}.page-heading p{font-size:13px;color:#7b8799;margin:0}.heading-controls{display:flex;align-items:center;gap:9px}.heading-controls select,.toolbar-filters select,.list-controls select,.panel-title select{height:36px;border:1px solid #dce4ee;background:#fff;border-radius:7px;padding:0 30px 0 11px;color:#46566d;font-size:12px}.segmented{display:inline-flex;padding:3px;border:1px solid #e0e7f0;background:#fff;border-radius:8px;gap:2px}.segmented button{border:0;background:transparent;color:#758298;border-radius:6px;padding:7px 13px;font-size:12px}.segmented button.selected{background:#edf5ff;color:#1764c5;font-weight:600}.period-note{color:#8793a5;font-size:11px;margin:-3px 0 16px;display:flex;align-items:center;gap:14px}.text-button,.link-row{border:0;background:none;color:#1766c7;font-size:12px;padding:0}.button-primary,.button-outline,.button-quiet{border-radius:7px;padding:9px 14px;font-size:12px;font-weight:600;transition:.15s}.button-primary{border:1px solid #1768d1;background:#1768d1;color:#fff;box-shadow:0 2px 4px #1462ca19}.button-primary:hover{background:#0e58bb}.button-primary:disabled{opacity:.45;cursor:not-allowed}.button-outline{background:#fff;color:#235fbd;border:1px solid #cbdcf2}.button-outline:hover{background:#f4f8fe}.button-quiet{border:0;background:transparent;color:#718096}.small{padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0}.metric{min-height:116px;background:#fff;border:1px solid #e2e9f1;border-radius:9px;padding:15px 17px 14px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2a72d2}.metric-cyan:before{background:#22b6cf}.metric-soft:before{background:#7e9fc6}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#65748a;font-size:12px}.metric-mark{width:6px;height:6px;border-radius:50%;background:#9dc3f1}.metric-cyan .metric-mark{background:#75d4df}.metric-soft .metric-mark{background:#c0ccdc}.metric strong{display:block;margin-top:13px;font-size:25px;line-height:1.1;letter-spacing:-.03em;font-weight:650;color:#1d2b40}.metric small{display:block;color:#8995a6;font-size:11px;margin-top:7px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:14px;margin-bottom:15px}.panel{background:#fff;border:1px solid #e3e9f1;border-radius:9px}.trend-panel,.quarter-panel{min-height:320px;padding:17px 18px 13px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h2{margin:0;color:#26354b;font-size:15px;font-weight:650}.panel-title p{margin:4px 0 0;color:#8b97a8;font-size:11px}.unit-tag{font-size:10px;color:#8b97a8;background:#f7f9fc;border:1px solid #edf0f5;padding:4px 7px;border-radius:4px}.chart-legend{display:flex;justify-content:flex-end;gap:17px;margin:12px 5px 5px;color:#738197;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-swatch{height:8px;width:8px;border-radius:2px;display:inline-block}.legend-swatch.signed{background:#2873d1}.legend-swatch.profit{background:#32bfd1}.legend-line{width:11px;height:2px;background:#5d97e8;display:inline-block}.bar-chart{height:171px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #dfe5ed;padding:0 4px;margin-top:3px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#f0f3f7 42px)}.bar-column{height:100%;flex:1;min-width:20px;max-width:57px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;padding:0 5px;color:#8793a5}.bar-pair{height:calc(100% - 18px);display:flex;align-items:end;gap:3px}.bar{width:11px;display:block;border-radius:3px 3px 0 0;transition:height .2s}.signed-bar{background:#3278d3}.profit-bar{background:#6bcedb}.bar-column:hover .bar{filter:brightness(.9)}.bar-column.current .bar-label{color:#1764c5;font-weight:650}.bar-label{font-size:10px;white-space:nowrap}.chart-footer{display:flex;justify-content:space-between;color:#9aa4b3;font-size:10px;margin-top:10px}.quarter-panel{display:flex;flex-direction:column}.quarter-table{margin-top:17px}.quarter-head,.quarter-row,.quarter-total{display:grid;grid-template-columns:1.12fr 1fr 1fr .62fr;align-items:center;gap:4px}.quarter-head{height:29px;background:#f7f9fc;color:#8893a4;font-size:10px;padding:0 8px;border-radius:4px}.quarter-row{width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f5;height:40px;padding:0 8px;color:#546176;font-size:11px}.quarter-row:hover{background:#f6faff}.quarter-row small{color:#9ba5b3;font-size:9px}.quarter-row span:not(:first-child),.quarter-head span:not(:first-child),.quarter-total strong{text-align:right}.positive{color:#0b9d78!important}.quarter-row .positive{font-weight:600}.quarter-total{margin-top:auto;background:#edf5fe;border-radius:5px;min-height:38px;padding:0 8px;color:#24436b;font-size:11px}.quarter-total strong{font-size:11px}.link-row{margin-top:9px;text-align:right}.overview-projects{padding:16px 18px 7px}.overview-projects .panel-title{margin-bottom:13px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}thead{background:#f6f8fb;color:#69778c}th{height:34px;text-align:left;padding:0 10px;font-weight:600;font-size:10px}td{height:39px;padding:0 10px;color:#526076;border-bottom:1px solid #edf0f4}tbody tr{transition:background .1s}tbody tr:hover{background:#f7faff}.num{text-align:right;font-variant-numeric:tabular-nums}.project-name{color:#245a9d;font-weight:550}.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:550;white-space:nowrap}.status.in-progress{color:#1760b9;background:#edf5ff}.status.complete{color:#098263;background:#e8f7f2}.status.preparing{color:#677990;background:#f0f3f7}.status.cancelled{color:#a05b57;background:#fbeeed}.subnav{height:42px;border-bottom:1px solid #e3e9f1;display:flex;align-items:stretch;gap:24px;margin-bottom:15px}.subnav button{position:relative;border:0;background:transparent;color:#7a8798;padding:0 1px;font-size:12px}.subnav button.active{color:#155fbf;font-weight:650}.subnav button.active:after{content:"";position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#1768d1}.demo-pill{margin-left:auto;align-self:center;background:#fff8e9;border:1px solid #f2e2b8;color:#a78031;padding:4px 7px;border-radius:4px;font-size:10px}.project-workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:14px;align-items:start}.project-list-panel{min-height:620px;padding:0 0 10px;overflow:hidden}.project-summary{height:auto;min-height:76px;display:flex;flex-wrap:wrap;align-items:center;padding:12px 16px;gap:17px;background:#f6faff;border-bottom:1px solid #ecf0f5}.project-summary div{display:flex;flex-direction:column;gap:6px}.project-summary small{font-size:10px;color:#8390a2}.project-summary strong{font-size:15px;color:#29394f}.summary-divider{height:31px;width:1px;background:#e1e8f0}.list-controls{display:flex;align-items:center;gap:9px;padding:13px 14px}.search-box{height:35px;display:flex;align-items:center;gap:7px;border:1px solid #dce4ee;border-radius:6px;background:#fff;padding:0 10px;flex:1;min-width:140px}.search-box span{font-size:18px;color:#8b9aae;line-height:1}.search-box input{border:0;outline:0!important;width:100%;font-size:11px;color:#435167}.result-count{white-space:nowrap;font-size:10px;color:#8b97a8;margin-left:auto}.project-table-wrap{max-height:500px}.project-table-wrap table{font-size:10px}.project-table-wrap th{padding:0 7px}.project-table-wrap td{padding:0 7px;height:45px}.project-table-wrap .num{font-size:10px}.selected-row{background:#eef6ff!important;box-shadow:inset 2px 0 #2572cf}.selected-row td{color:#42546c}.list-footnote{padding:12px 15px;color:#91a0b1;font-size:10px}.list-footnote span{padding:0 4px}.detail-panel{padding:17px 17px 14px;position:sticky;top:77px}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0f4;padding-bottom:13px}.eyebrow{color:#8b98a8;font-size:10px}.detail-heading h2{font-size:15px;color:#20334e;margin:5px 0 0;line-height:1.45}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:14px 0}.detail-meta div{min-width:0}.detail-meta small{display:block;color:#919dad;font-size:9px;margin-bottom:4px}.detail-meta strong{font-size:10px;font-weight:550;color:#4d5d72;line-height:1.4;display:block;overflow:hidden;text-overflow:ellipsis}.detail-block{border-top:1px solid #edf0f4;padding:13px 0}.profit-block{background:#f5f9fe;margin:0 -9px;padding:12px 9px;border:0;border-radius:6px}.block-label{font-size:11px;color:#50647e;font-weight:600;margin-bottom:10px}.formula{display:grid;grid-template-columns:1fr auto;gap:7px 8px;align-items:center}.formula span{color:#75859a;font-size:10px}.formula b{font-size:10px;color:#53657a;text-align:right;font-variant-numeric:tabular-nums}.formula strong{font-size:15px;color:#1763c1;text-align:right}.detail-ratio{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:9px;color:#8290a0}.detail-ratio b{color:#1f6bc7;font-size:10px}.mini-progress{height:4px;flex:1;border-radius:4px;background:#dfe8f5;overflow:hidden}.mini-progress i{height:100%;display:block;background:#4aa3d8}.block-heading{display:flex;justify-content:space-between;color:#4c5c71;font-size:11px}.block-heading span{color:#2169bd;font-weight:600}.progress-track{height:6px;border-radius:6px;background:#e7edf4;margin:11px 0 8px;overflow:hidden}.progress-track i{display:block;height:100%;background:#2674d3;border-radius:6px}.receipt-values{display:flex;justify-content:space-between;color:#8794a5;font-size:9px}.receipt-values b{display:block;color:#455b76;font-size:11px;margin-top:4px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.detail-actions button{padding:8px 6px;font-size:10px}.detail-actions .button-quiet{grid-column:span 2;border:1px solid #e3e9f0}.detail-tip{margin-top:10px;color:#9aa4b2;font-size:9px;line-height:1.6}.data-panel{padding:17px 18px 9px;margin-top:16px}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.toolbar-filters{display:flex;align-items:center;gap:8px}.toolbar-filters input{height:34px;border:1px solid #dce4ee;border-radius:6px;padding:0 10px;font-size:11px}.toolbar-filters select{font-size:11px}.table-total{border-top:1px solid #edf0f4;display:flex;justify-content:space-between;padding:12px 10px 4px;color:#8491a2;font-size:11px}.table-total strong{color:#20324b;font-size:14px}.payment-state{font-size:10px}.payment-state.paid{color:#099473}.payment-state.unpaid{color:#bc8730}.category-chip{background:#f0f6fc;color:#5d7898;border-radius:4px;padding:4px 7px;font-size:9px}.stats-view{padding:22px}.stats-view p{font-size:12px;color:#8591a2}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stats-grid .metric{background:#fbfcfe}.import-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 14px;position:relative}.import-steps:before{content:"";position:absolute;top:15px;left:9%;right:9%;height:1px;background:#dfe6ef}.import-step{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#9aa5b4;font-size:11px}.import-step span{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;background:#f4f6f9;border:1px solid #dfe5ed;color:#8794a6;font-size:10px}.import-step.current{color:#1763c3;font-weight:600}.import-step.current span,.import-step.done span{background:#eaf3ff;border-color:#8ab9f2;color:#1763c3}.import-step.done{color:#5795d5}.import-panel{padding:23px 25px;min-height:390px}.import-start{max-width:510px;margin:20px auto;text-align:center}.upload-mark{width:50px;height:50px;display:grid;place-items:center;margin:auto;border-radius:12px;background:#eaf4ff;color:#1767c9;font-weight:700;font-size:13px}.import-start h2,.import-result h2{font-size:17px;color:#26364c;margin:16px 0 6px}.import-start p,.import-result p{font-size:11px;color:#8793a3;margin:0 0 18px}.upload-box{height:105px;border:1px dashed #acc7e6;border-radius:8px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:#326fae}.upload-box input{max-width:260px;font-size:10px}.upload-box strong{font-size:11px}.upload-box span{color:#99a5b3;font-size:10px}.import-caveat{font-size:10px;color:#9a7d40;margin:15px 0}.import-start .button-primary{min-width:165px}.import-start .button-primary:disabled{cursor:not-allowed}.mapping-list{margin:18px 0}.mapping-row{display:grid;grid-template-columns:1fr 25px 1fr 100px;align-items:center;gap:10px;min-height:41px;border-bottom:1px solid #edf0f4;font-size:11px;color:#596a80}.mapping-row b{color:#a8b3c0;text-align:center}.mapping-row select{height:30px;border:1px solid #e0e6ef;border-radius:5px;padding:0 8px;font-size:10px;color:#41536a}.mapping-row small{color:#9aa4b1;font-size:9px}.import-actions{display:flex;justify-content:space-between;gap:9px;margin-top:20px}.import-actions.centered{justify-content:center}.validation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.validation-stats .metric{min-height:86px;padding:12px 14px}.validation-stats .metric strong{font-size:20px;margin-top:8px}.validation-list{border-top:1px solid #edf0f4}.validation-row{min-height:58px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:11px;font-size:10px}.validation-row>div{flex:1}.validation-row strong{display:block;color:#4a5c72;font-size:10px}.validation-row small{display:block;color:#9aa4b2;font-size:9px;margin-top:4px}.validation-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-weight:700}.validation-icon.warn{background:#fff4df;color:#c28622}.validation-icon.info{background:#eaf5ff;color:#337fc7}.validation-row select{height:29px;border:1px solid #dfe6ee;border-radius:5px;font-size:10px;padding:0 7px}.warning-tag{color:#b17f28;background:#fff7e5;padding:6px 8px;border-radius:4px;font-size:10px}.import-result{text-align:center;max-width:560px;margin:24px auto}.result-mark{height:42px;width:42px;background:#e8f7f1;color:#06936d;border-radius:50%;display:grid;place-items:center;font-size:20px;margin:auto}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border:1px solid #edf0f4;border-radius:7px;padding:16px}.result-summary div{display:flex;flex-direction:column;gap:6px;border-right:1px solid #edf0f4}.result-summary div:last-child{border:0}.result-summary span{font-size:10px;color:#8d98a8}.result-summary strong{font-size:13px;color:#34465e}.success-inline{color:#16886b;font-size:11px;margin-top:10px}.import-history{margin-top:20px;padding:14px 17px;background:#fff;border:1px solid #e3e9f1;border-radius:8px}.import-history>div:first-child{display:flex;gap:13px;align-items:center;margin-bottom:12px}.import-history strong{font-size:12px;color:#43556b}.import-history>div:first-child span{color:#96a1af;font-size:10px}.history-row{border-top:1px solid #edf0f4;padding-top:11px;display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr auto;align-items:center;color:#718096;font-size:10px}.basic-list{padding:0 10px}.basic-row{height:48px;border-top:1px solid #eef1f5;display:flex;align-items:center;gap:13px;padding:0 5px}.basic-index{color:#aab3bf;font-size:10px;width:24px}.basic-row strong{color:#43556d;font-size:11px;font-weight:550}.basic-row small{color:#9aa4b1;font-size:10px}.basic-row button{margin-left:auto}.inline-add{display:flex;gap:8px;padding:0 10px 12px}.inline-add input{height:33px;max-width:280px;border:1px solid #dce4ee;border-radius:5px;padding:0 10px;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.settings-panel{padding:20px}.settings-panel label{display:flex;flex-direction:column;gap:6px;margin:16px 0;color:#718096;font-size:10px}.settings-panel input{height:36px;border:1px solid #dfe6ef;border-radius:6px;padding:0 10px;color:#3e5067;font-size:11px}.security-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4;color:#758398;font-size:11px}.security-row strong{font-size:11px;color:#45566d;font-weight:550}.security-row .online-dot{margin-right:7px}.settings-note{margin-top:16px;border-radius:6px;background:#f6f9fc;padding:11px;color:#8996a6;font-size:10px;line-height:1.6}.category-bar{height:7px;width:min(320px,38%);border-radius:6px;background:#edf2f8;overflow:hidden;margin-left:auto}.category-bar i{height:100%;display:block;background:#53a8d7;border-radius:6px}.report-amount{min-width:95px;text-align:right!important;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14243d66;z-index:10;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:11px;box-shadow:0 22px 70px #12243c30;padding:21px 23px}.small-modal{width:min(410px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #edf0f4;padding-bottom:13px;margin-bottom:16px}.modal-head small{color:#8b97a7;font-size:10px}.modal-head h2{font-size:17px;color:#20334d;margin:4px 0 0}.close-button{width:29px;height:29px;border:0;border-radius:5px;background:#f3f6f9;color:#7e8a9b;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#6e7d90;font-size:10px}.form-grid input,.form-grid select{height:35px;border:1px solid #dce4ee;background:#fff;border-radius:6px;padding:0 9px;color:#3b4e66;font-size:11px}.form-grid input[type=file]{padding:7px}.span-2{grid-column:span 2}.form-help{color:#8491a2;font-size:10px;padding:2px 0}.modal-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.modal>p{font-size:11px;color:#77859a}.category-breakdown div{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #edf0f4;color:#728196;font-size:11px}.category-breakdown strong{color:#2d405a}.toast{position:fixed;right:28px;bottom:25px;z-index:15;background:#173d69;color:#fff;padding:11px 16px;border-radius:7px;box-shadow:0 6px 20px #0c2b4e35;font-size:11px;display:flex;align-items:center;gap:8px}.toast-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#2d8c78;font-size:10px}.empty-state{padding:38px;text-align:center;color:#929eac;font-size:11px}@media(max-width:1350px){.page-content{padding:24px 22px 38px}.topbar{padding:0 22px}.sidebar{width:205px}.main-area{margin-left:205px}.project-workspace{grid-template-columns:minmax(0,1fr) 310px}.project-table-wrap td,.project-table-wrap th{padding-left:5px;padding-right:5px}.metric strong{font-size:22px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}}@media(max-width:980px){.sidebar{width:172px}.main-area{margin-left:172px}.brand{padding-left:16px}.brand img{width:142px;height:32px}.nav-item{padding:0 12px}.topbar{padding:0 16px}.page-content{padding:21px 16px 34px}.update-label{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.quarter-panel{min-height:270px}.project-workspace{grid-template-columns:1fr}.detail-panel{position:static}.project-table-panel{min-width:0}.data-toolbar{align-items:flex-start;flex-direction:column}.project-summary{gap:11px;padding:0 10px}.project-summary strong{font-size:12px}.project-summary small{font-size:9px}.heading-controls{flex-wrap:wrap}.page-heading h1{font-size:20px}}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#edf5ff;color:#3979c4;flex:0 0 auto}.metric-icon svg{width:18px;height:18px;display:block}.metric-cyan .metric-icon{background:#eaf9fb;color:#2398a9}.metric-soft .metric-icon{background:#f0f3f7;color:#7287a0}.field-hint{color:#8b97a7;font-size:10px;line-height:1.6}.customer-summary-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0 10px}.customer-summary-head h2{margin:0;color:#26354b;font-size:15px;font-weight:650}.customer-summary-head p{margin:5px 0 0;color:#8b97a8;font-size:11px}.customer-summary-head label{display:flex;align-items:center;gap:8px;color:#758398;font-size:11px}.customer-summary-head select{height:32px;border:1px solid #dce4ee;background:#fff;border-radius:5px;padding:0 9px;color:#3b4e66;font-size:11px}.customer-metrics{margin:0 0 15px}.basic-row small{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:680px){.customer-summary-head{align-items:flex-start;flex-direction:column}.basic-row{gap:8px}.basic-row small{max-width:48%;font-size:9px}}.related-projects-trigger{border:0;background:transparent;color:#286bc1;font-size:10px;white-space:nowrap;cursor:pointer;padding:5px 7px;border-radius:4px}.related-projects-trigger:hover{background:#edf5ff}.related-project-list{margin:0 0 8px 42px;border-left:2px solid #e5eef9;background:#f8fafd;border-radius:0 6px 6px 0;overflow:hidden}.related-project-item{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid #e9eef5;background:transparent;padding:10px 13px;cursor:pointer}.related-project-item:hover{background:#f0f6ff}.related-project-item>span{display:flex;flex-direction:column;gap:4px}.related-project-item>span:first-child{flex:1;min-width:0}.related-project-item strong{color:#344b68;font-size:11px;font-weight:550}.related-project-item small{color:#8b97a8;font-size:10px}.related-project-item>span:nth-child(2){text-align:right}.related-project-item .related-project-arrow{color:#286bc1;font-size:10px;white-space:nowrap}.related-project-empty{padding:12px 14px;color:#8b97a8;font-size:11px}@media(max-width:680px){.related-projects-trigger{font-size:9px;padding:4px}.related-project-list{margin-left:24px}.related-project-item{gap:8px;padding:9px}.related-project-item .related-project-arrow{display:none}}.table-action{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;margin-left:auto;border:1px solid #d7e3f1!important;border-radius:6px;background:#f8fbff!important;color:#386da8!important;font-size:11px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.table-action:hover{border-color:#a9c7eb!important;background:#edf5ff!important;color:#1c5fae!important}.table-action:active{background:#e4effd!important}.table-action:focus-visible,.related-projects-trigger:focus-visible,.related-project-item:focus-visible,.text-button:focus-visible{outline:2px solid #8fc7ff;outline-offset:2px}.button-outline:hover{border-color:#9bbbe2}.button-quiet:hover{background:#f3f6fa;color:#4f6077}.text-button,.link-row{border-radius:5px;padding:5px 7px;transition:background-color .15s,color .15s}.text-button:hover,.link-row:hover{background:#edf5ff;color:#1459ac}.segmented button:hover:not(.selected),.subnav button:hover:not(.active){background:#f5f8fc;color:#365f91}.close-button{display:inline-grid;place-items:center;line-height:1}.close-button:hover{background:#e9eef5;color:#4f6077}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}.table-action-danger,.delete-request-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #f0d2d0!important;border-radius:6px;background:#fff9f8!important;color:#b6534c!important;font-size:11px;font-weight:550;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.table-action-danger:hover,.delete-request-button:hover{border-color:#e8b4b0!important;background:#fff0ee!important;color:#a83b35!important}.delete-confirm-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 15px;border:1px solid #c8443d!important;border-radius:7px;background:#c8443d!important;color:#fff!important;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.delete-confirm-button:hover{border-color:#ad3731!important;background:#ad3731!important;box-shadow:0 2px 6px #a43b3430}.delete-confirm-modal{width:min(440px,100%);border:1px solid #e6eaf0}.delete-confirm-copy{margin:0;color:#66758a;font-size:12px;line-height:1.7}.delete-confirm-copy strong{color:#34465e;font-weight:600}.delete-confirm-modal .modal-actions{margin-top:16px}.delete-confirm-modal .modal-actions .button-outline{min-height:36px}.project-status-filters{display:flex;align-items:center;gap:7px;padding:0 14px 12px;overflow-x:auto}.project-status-filter{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid #e0e7f0!important;border-radius:6px;background:#fff!important;color:#66758a!important;padding:6px 10px;font-size:10px;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.project-status-filter:hover{border-color:#abc8eb!important;background:#f5f9ff!important;color:#245f9e!important}.project-status-filter span{min-width:16px;height:16px;padding:0 4px;display:inline-grid;place-items:center;border-radius:9px;background:#f0f3f7;color:#718096;font-size:9px}.project-status-filter.active{border-color:#b9d1f1!important;background:#edf5ff!important;color:#1e62b3!important;font-weight:600}.project-status-filter.active span{background:#dbeaff;color:#1e62b3}.project-status-filter:focus-visible{outline:2px solid #8fc7ff;outline-offset:2px}@media(max-width:780px){.project-status-filters{padding-bottom:10px}.project-status-filter{padding:6px 8px}}.project-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.project-filter-row .project-status-filters{padding-bottom:12px}.project-extra-filters{display:flex;align-items:center;gap:8px;padding:0 14px 12px}.project-extra-filters label{display:flex;align-items:center;gap:6px;color:#7e8b9e;font-size:10px;white-space:nowrap}.project-extra-filters select{height:30px;min-width:106px;border:1px solid #dce4ee;border-radius:6px;background:#fff;padding:0 25px 0 8px;color:#46566d;font-size:10px}@media(max-width:780px){.project-filter-row{align-items:flex-start}.project-filter-row .project-status-filters{padding-bottom:9px}.project-extra-filters{padding-left:14px}}.project-summary .profit-red{color:#d14343}.import-review{margin:0 0 16px;padding:12px 15px;border:1px solid #ecdcae;border-radius:8px;background:#fffaf0;color:#765a1c;font-size:11px}.import-review summary{cursor:pointer;font-weight:650;list-style:none}.import-review summary::-webkit-details-marker{display:none}.import-review summary span{margin-left:8px;color:#9b865b;font-weight:400}.import-review-list{display:grid;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #f0e5c9}.import-review-list>div{display:grid;grid-template-columns:minmax(110px,180px) 1fr auto;gap:10px;align-items:center}.import-review-list strong{color:#5b4c2e;font-weight:600}.import-review-list span,.import-review-list small{color:#867653}.import-review-list p{margin:2px 0 0;color:#867653}.profit-red{color:#d14343!important}.cost-green{color:#15956b!important}.metric strong.profit-red,.metric strong.cost-green{color:inherit}.metric strong.profit-red{color:#d14343!important}.metric strong.cost-green{color:#15956b!important}.metric small.profit-red{color:#d14343!important}.table-total strong .profit-red,.table-total strong .cost-green{font-weight:650}.nav-item{gap:12px;padding:0 13px}.nav-icon{width:19px;height:19px;flex:0 0 19px;display:block;color:#78869a;transition:color .15s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:currentColor}.nav-item.active .nav-icon{color:#1764c5}.bad-debt-tag,.aging-unknown-tag{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:650}.bad-debt-tag{color:#bd3e3e;background:#fff0ef;border:1px solid #f2cecb}.aging-unknown-tag{color:#9b721f;background:#fff8e8;border:1px solid #f0dfb7}.bad-debt-value,.bad-debt-detail{color:#bd3e3e!important}.receipt-values .bad-debt-detail b{color:#bd3e3e}.bad-debt-detail{display:inline-flex!important;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;background:#fff2f1}.notification-button{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#63738a;transition:.15s}.notification-button:hover,.notification-button.active{background:#eff5fd;color:#1764c5;border-color:#e0ebf8}.notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:#d94d4d;color:#fff;border:2px solid #fff;border-radius:10px;font-size:9px;font-weight:700;line-height:1}.notification-summary{display:flex;align-items:center;gap:9px;margin:8px 0 14px;color:#7b889b;font-size:11px}.notification-summary strong{color:#d14343;font-size:22px;font-variant-numeric:tabular-nums}.notification-filters{display:flex;align-items:center;gap:7px;margin-bottom:12px}.notification-filters button{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e0e7f0;border-radius:6px;background:#fff;color:#6b7b90;font-size:11px}.notification-filters button.active{background:#edf5ff;border-color:#b9d1f1;color:#1e62b3;font-weight:600}.notification-filters button span{min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e9edf3;color:#697b92;font-size:9px}.notification-list{display:grid;gap:9px}.notification-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e9f1;border-radius:9px;padding:13px 15px;transition:border-color .15s,background-color .15s}.notification-card.unread{border-left:3px solid #4280d5;background:#fbfdff}.notification-main{flex:1;min-width:0;text-align:left;color:#304158}.notification-main>strong{display:inline-block;margin:0 9px 0 8px;font-size:13px;font-weight:650}.notification-main p{margin:7px 0 5px;color:#67778d;font-size:11px;line-height:1.6}.notification-main small{color:#99a4b3;font-size:10px}.notification-type{display:inline-block;padding:4px 7px;border-radius:5px;font-size:9px;vertical-align:1px}.notification-type.risk{background:#fff0ef;color:#bd3e3e}.notification-type.milestone{background:#edf5ff;color:#2868b4}.notification-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.mark-read-button,.notification-open-button{padding:7px 9px;border:1px solid #dfe6ee;border-radius:6px;background:#fff;color:#68788d;font-size:10px;white-space:nowrap}.notification-open-button{border-color:#cbdcf2;color:#235fbd}.mark-read-button:hover,.notification-open-button:hover{background:#f3f7fc}.notification-card.read .notification-main>strong{color:#748298}.notification-empty{padding:40px;text-align:center;color:#8d99a9;font-size:12px}.notification-rule{margin-top:14px;color:#8b97a8;font-size:10px;line-height:1.6}@media(max-width:780px){.notification-card{align-items:flex-start;flex-direction:column}.notification-actions{width:100%;justify-content:flex-end}.top-actions{gap:10px}}.quarter-head,.quarter-row,.quarter-total{grid-template-columns:.85fr 1fr 1fr .62fr 1fr}.cash-value{color:#445b75;font-variant-numeric:tabular-nums}.quarter-head,.quarter-row{font-size:10px}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 14px;border-top:1px solid #edf0f4;color:#7a889c;font-size:10px}.pagination-bar label{display:flex;align-items:center;gap:6px}.pagination-bar select{height:29px;border:1px solid #dce4ee;background:#fff;border-radius:5px;padding:0 8px;color:#46566d;font-size:10px}.pagination-controls{display:flex;gap:6px}.pagination-bar button{min-height:28px;padding:0 9px;border:1px solid #dce4ee;border-radius:5px;background:#fff;color:#586a80;font-size:10px}.pagination-bar button:hover:not(:disabled){background:#f2f7fd;border-color:#c2d7f0;color:#1e62b3}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.pagination-bar{justify-content:center;flex-wrap:wrap;gap:8px}}.metric-clickable{width:100%;text-align:left;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.metric-clickable:hover{transform:translateY(-1px);border-color:#c8d8ec;box-shadow:0 5px 14px #23466e14}.metric-clickable:focus-visible{outline:2px solid #74a7e5;outline-offset:2px}.metric-clickable .metric-top,.metric-clickable strong,.metric-clickable small{pointer-events:none}.bad-debt-tag,.bad-debt-value,.bad-debt-detail,.receipt-values .bad-debt-detail b{color:#15956b!important}.bad-debt-tag{background:#edf8f3;border-color:#cce9dc}.bad-debt-detail{background:#edf8f3}.pagination-bar .pagination-expand{margin-right:auto;border-color:transparent;background:transparent;color:#2369bc;padding:0 4px}.pagination-bar .pagination-expand:hover:not(:disabled){background:#f1f6fd;border-color:transparent;color:#17559e}.cost-view-tabs{margin:4px 0 15px}.cost-project-table .cost-project-summary-row td{height:48px}.cost-project-summary-row:hover{background:#f8fbff}.cost-project-detail-row>td{padding:0 12px 12px!important;background:#f8fafd}.cost-project-detail{border:1px solid #e4eaf2;border-radius:7px;background:#fff;padding:12px}.cost-project-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#394d66;font-size:11px}.cost-project-detail table{font-size:10px}.cost-project-detail th{height:30px}.cost-project-detail td{height:36px}.cost-project-detail tfoot td{height:34px;background:#f7f9fc;font-weight:650}.cost-source-note{display:block;margin-top:4px;max-width:420px;white-space:normal;color:#929eae;font-size:9px;line-height:1.5}.monthly-activity-cash{margin:0 0 15px;padding:16px 18px 9px}.monthly-activity-cash .panel-title{margin-bottom:12px}.month-rollup-row{transition:background .12s}.month-rollup-row:hover{background:#f5f9fe}.month-detail-row>td{padding:0 10px 14px!important;background:#f8fafd}.month-detail-wrap{display:grid;gap:15px;padding:14px;background:#fff;border:1px solid #e4eaf2;border-radius:7px}.month-detail-title{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#364a63;font-size:11px;font-weight:650}.month-detail-title span{color:#8492a5;font-weight:400}.month-detail-wrap th{height:30px}.month-detail-wrap td{height:35px}.monthly-project-link{border:0;padding:0;background:transparent;color:#245a9d;font-size:10px;font-weight:600;text-align:left}.monthly-project-link:hover{text-decoration:underline}.month-no-data{padding:14px 9px;color:#98a3b2;font-size:10px}.monthly-activity-cash tfoot td{height:40px;background:#f6f9fd;font-weight:650;border-top:1px solid #e2e8f0}.quarter-head,.quarter-row,.quarter-total{grid-template-columns:.9fr 1fr 1fr 1fr}.cash-legend{background:#63cad8!important}.receipt-bar{background:#63cad8}.customer-signed-total{color:#526984;font-size:10px;font-weight:600;white-space:nowrap}@media(max-width:900px){.customer-signed-total{font-size:9px}.basic-row{gap:9px}}.detail-ledger .block-heading{margin-bottom:9px}.detail-ledger .block-heading>span{color:#8a97a8;font-size:9px;font-weight:500}.detail-ledger .block-heading>span .cost-green{font-size:10px;font-weight:650}.detail-ledger-list{display:grid;gap:0}.detail-ledger-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #f0f2f5}.detail-ledger-index{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#edf5ff;color:#2b69b5;font-size:9px;font-weight:650}.detail-ledger-copy{min-width:0;display:grid;gap:3px}.detail-ledger-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#43556d;font-size:10px;font-weight:600}.detail-ledger-copy small{color:#8c99aa;font-size:9px;line-height:1.4}.detail-ledger-item>b{font-size:10px;white-space:nowrap}.detail-ledger-empty{padding:8px 0;color:#9aa5b3;font-size:9px}.detail-cost-category{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#69819d;background:#f0f5fa;border-radius:4px;padding:4px;font-size:8px;text-align:center}.cost-ledger-item{grid-template-columns:60px minmax(0,1fr) auto}.detail-ledger-item{grid-template-columns:22px minmax(0,1fr) auto auto}.cost-ledger-item{grid-template-columns:60px minmax(0,1fr) auto auto}.detail-ledger-edit{padding:4px 6px;border:1px solid #dce6f2;border-radius:5px;background:#fff;color:#2868b4;font-size:9px;white-space:nowrap}.detail-ledger-edit:hover{background:#f2f7fd;border-color:#bfd3eb}.searchable-project-select{position:relative;display:block;width:100%;min-width:0}.searchable-project-select>input[role=combobox]{display:block;width:100%;height:36px;padding:0 32px 0 10px;border:1px solid #dce4ee;border-radius:6px;background:#fff;color:#43556d;font-size:11px;outline:none}.searchable-project-select>input[role=combobox]:focus{border-color:#8bb9f0;box-shadow:0 0 0 2px #2b7dd81f}.searchable-project-select>input::placeholder{color:#43556d;opacity:1}.searchable-project-caret{position:absolute;right:11px;top:7px;color:#718198;font-size:16px;pointer-events:none}.searchable-project-options{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;max-height:270px;overflow:auto;padding:4px;border:1px solid #dce4ee;border-radius:7px;background:#fff;box-shadow:0 10px 28px #20334f29}.searchable-project-options button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:4px;background:transparent;color:#40546e;text-align:left;font-size:10px;cursor:pointer}.searchable-project-options button:hover,.searchable-project-options button[aria-selected=true]{background:#eef5fd;color:#185fb7}.searchable-project-options button small{flex:0 0 auto;color:#9aa6b4;font-size:9px}.searchable-project-empty{padding:12px 9px;color:#9aa5b3;font-size:10px}.searchable-project-select.filter-select{width:190px;flex:0 1 190px}.searchable-project-select.filter-select>input[role=combobox]{height:33px;font-size:10px}@media(max-width:680px){.searchable-project-select.filter-select{width:100%;flex-basis:100%}}.status.ended-unpaid{color:#a85e18;background:#fff2df;border:1px solid #f0d4a8}.new-customer-detail-panel{margin:-3px 0 15px}.new-customer-detail-panel .panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.new-customer-projects{display:flex;flex-wrap:wrap;gap:4px 12px}.new-customer-projects .monthly-project-link{white-space:nowrap}.basic-row .related-projects-trigger{width:160px;flex:0 0 160px;margin-left:auto;text-align:center}.basic-row .table-action{width:56px;flex:0 0 56px;margin-left:0}@media(max-width:900px){.basic-row .related-projects-trigger{width:142px;flex-basis:142px}.basic-row .table-action{width:52px;flex-basis:52px}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 20%,#e8f2ff 0,transparent 46%),#f4f7fb;position:relative}.login-card{width:min(100%,440px);padding:38px 42px 30px;border:1px solid #e1e8f1;border-radius:18px;background:#fff;box-shadow:0 18px 55px #1b376312}.login-logo{display:block;width:196px;height:auto;object-fit:contain;margin:0 auto 22px}.login-eyebrow{text-align:center;color:#1768d1;font-size:13px;font-weight:650;letter-spacing:.08em}.login-card h1{text-align:center;color:#1b2a40;font-size:28px;margin:16px 0 8px}.login-description{text-align:center;color:#7b8799;font-size:13px;margin:0 0 27px}.login-card form{display:grid;gap:17px}.login-card form>label,.login-card label{display:grid;gap:7px;color:#586981;font-size:12px;font-weight:600}.login-card input{height:44px;width:100%;border:1px solid #dce4ee;border-radius:8px;padding:0 12px;color:#24354b;background:#fff;font:inherit;font-weight:400;outline:none}.login-card input:focus{border-color:#6ca6f4;box-shadow:0 0 0 3px #dcecff}.login-password-field{position:relative;display:block}.login-password-field input{padding-right:58px}.login-password-field button{position:absolute;right:8px;top:7px;height:30px;padding:0 9px;border:0;border-radius:5px;background:#f3f6fa;color:#60728b;font-size:11px}.login-submit{height:44px;margin-top:3px;font-size:14px}.login-footer{border-top:1px solid #edf0f5;margin-top:23px;padding-top:16px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8b97a9;font-size:11px}.login-brand-note{position:absolute;bottom:20px;color:#9aa6b6;font-size:11px}.login-error,.login-form-error{color:#bf4545;background:#fff4f3;border:1px solid #f2d4d1;border-radius:7px;padding:9px 11px;font-size:12px}.login-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.login-error button{white-space:nowrap;border:0;background:none;color:#1768d1;font-size:12px}.login-form-error{margin:0}.login-success{background:#edf8f3;border:1px solid #ccebdc;color:#148b5d;padding:9px 11px;border-radius:7px;font-size:12px;margin:0 0 16px}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f5f7fb;color:#8290a4;font-size:13px}.auth-loading img{width:174px;height:auto;object-fit:contain}.save-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#76869b;white-space:nowrap}.save-status i{width:7px;height:7px;border-radius:50%;background:#30ad7a}.save-status:has(button) i{background:#d74b4b}.save-status button{border:0;background:none;color:#1768d1;font-size:11px;padding:0}.logout-button{border:1px solid #e0e7f0;background:#fff;border-radius:6px;color:#64748b;font-size:11px;padding:6px 9px}.logout-button:hover{color:#1768d1;border-color:#bfd4f2}@media(max-width:780px){.login-card{padding:30px 24px 24px}.save-status{display:none}.topbar{padding:0 14px}.logout-button{display:none}}