:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1f2329;background:#f5f6f7;--blue:#2b6de5;--blue-soft:#eaf2ff;--line:#e6e8eb;--muted:#8f959e;--text:#1f2329}*{box-sizing:border-box}body{margin:0;background:#f5f6f7;font-size:13px;color:var(--text)}button,input,select{font:inherit}.topbar{height:48px;background:#fff;border-bottom:1px solid #dfe2e5;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px}.brand,.top-actions,.space-title,.view-item,.sidebar-footer button,.header-actions,.toolbar,.toolbar-actions,.pagination,.modal-header,.modal-footer,.cost-summary,.sheet-tabs{display:flex;align-items:center}.brand{gap:9px}.brand-mark{width:26px;height:26px;border-radius:6px;background:#3377e6;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.brand strong{display:block;font-size:14px;line-height:15px}.brand small{display:block;color:#8f959e;font-size:10px;margin-top:1px}.top-actions{gap:14px;color:#8f959e;font-size:12px}.connection-dot{width:7px;height:7px;background:#35bd78;border-radius:50%;box-shadow:0 0 0 3px #e7f7ef}.top-link{border:0;background:transparent;color:#646a73;cursor:pointer}.avatar{width:26px;height:26px;background:#5b8def;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.icon-button,.more,.close{border:0;background:transparent;color:#8f959e;cursor:pointer}.workspace{display:flex;height:calc(100vh - 48px);min-height:600px}.sidebar{width:220px;background:#fff;border-right:1px solid #e1e4e7;display:flex;flex-direction:column;padding:12px 8px}.space-title{gap:8px;padding:8px 10px 14px;font-size:14px;font-weight:600}.space-icon{color:#2b6de5}.more{margin-left:auto;letter-spacing:2px}.views{display:flex;flex-direction:column;gap:2px}.view-item{width:100%;border:0;background:transparent;border-radius:5px;padding:9px 10px;color:#646a73;text-align:left;gap:10px;font-size:13px;cursor:pointer}.view-item>span:first-child{width:15px;text-align:center;color:#8f959e}.view-item:hover{background:#f4f6f8}.view-item.active{background:#e9f1ff;color:#1f66d1;font-weight:600}.view-item.active>span:first-child{color:#2b6de5}.view-item .count{margin-left:auto;color:#a0a5ad;font-size:11px}.sidebar-footer{margin-top:auto;border-top:1px solid #f0f1f2;padding:10px 2px;display:flex;flex-direction:column;gap:1px}.sidebar-footer button{background:transparent;border:0;color:#646a73;text-align:left;padding:8px;font-size:12px;gap:9px;cursor:pointer}.content{min-width:0;flex:1;padding:0 22px 24px;overflow:auto}.sheet-tabs{height:41px;gap:2px;border-bottom:1px solid #e3e5e8}.sheet-tab{height:41px;border:0;background:transparent;padding:0 16px;color:#646a73;cursor:pointer;font-size:12px;border-bottom:2px solid transparent}.sheet-tab.active{color:#1f66d1;border-bottom-color:#2b6de5;background:#fff;font-weight:600}.content-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 2px 12px}.breadcrumb{color:#a0a5ad;font-size:11px;margin-bottom:5px}.breadcrumb span{padding:0 6px}.breadcrumb strong{color:#646a73;font-weight:500}.content h1{font-size:20px;margin:0;color:#1f2329;font-weight:600}.header-actions{gap:8px}.primary,.secondary,.toolbar button{border-radius:4px;padding:7px 13px;font-size:12px;cursor:pointer}.primary{border:1px solid #2b6de5;background:#2b6de5;color:#fff;box-shadow:0 1px 2px #2b6de52b}.secondary{border:1px solid #d8dce1;background:#fff;color:#4e555e}.toolbar{height:45px;justify-content:space-between;background:#fff;border:1px solid #dfe2e5;border-bottom:0;padding:0 10px}.search{display:flex;align-items:center;gap:7px;color:#a0a5ad;width:330px}.search input{border:0;outline:0;width:100%;font-size:12px;color:#1f2329}.toolbar-actions{gap:1px}.toolbar button{border:0;background:transparent;color:#646a73;padding:7px 10px}.toolbar button:hover{background:#f1f3f5}.toolbar button em{font-style:normal;color:#2b6de5;margin-left:3px}.divider{height:18px;border-left:1px solid var(--line);margin:0 5px}.quick-panel{position:absolute;right:34px;top:170px;width:250px;background:#fff;border:1px solid #dfe2e5;border-radius:6px;box-shadow:0 8px 24px #1f23291c;padding:10px;z-index:5}.quick-panel h4{margin:2px 4px 9px;font-size:12px}.quick-panel label{display:flex;align-items:center;gap:8px;padding:7px 4px;color:#646a73;font-size:12px}.quick-panel select{margin-left:auto;border:1px solid #dfe2e5;border-radius:3px;padding:3px 5px}.table-panel{background:#fff;border:1px solid #dfe2e5;border-radius:0 0 5px 5px;overflow:hidden}.table-wrap{overflow:auto;max-height:calc(100vh - 248px)}.table-wrap table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.table-wrap th,.table-wrap td{height:39px;padding:0 11px;border-right:1px solid #eef0f2;border-bottom:1px solid #eef0f2;white-space:nowrap;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis}.table-wrap th{height:38px;background:#f7f8f9;color:#646a73;font-weight:500;position:sticky;top:0;z-index:2}.table-wrap th:first-child,.table-wrap td:first-child{width:42px;text-align:center;padding:0;color:#a0a5ad;background:#fafbfc;position:sticky;left:0;z-index:3}.table-wrap th:last-child,.table-wrap td:last-child{width:40px;padding:0;text-align:center}.table-wrap td{color:#3d444d;background:#fff}.table-wrap tr:hover td{background:#f5f9ff}.table-wrap tr:hover td:first-child{background:#edf4ff}.table-wrap tr.selected td{background:#eef5ff}.table-wrap tr.selected td:first-child{background:#dceaff;color:#2b6de5;font-weight:600}.field-head{display:flex;align-items:center;gap:6px}.field-icon{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#eef2f6;color:#7c8794;font-size:10px;font-weight:700}.field-icon.money{color:#e38b2d;background:#fff2df}.field-icon.date{color:#5b8def;background:#eaf2ff}.field-icon.bool{color:#37a66a;background:#e8f7ee}.row-link{color:#2b6de5;cursor:pointer}.tag{display:inline-flex;border-radius:3px;padding:3px 7px;background:#eef4ff;color:#2b6de5;font-size:11px}.money{font-variant-numeric:tabular-nums;color:#343a43}.muted{color:#8f959e!important;font-size:11px}.bool-yes{color:#35a66c}.table-footer{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#8f959e;font-size:11px}.pagination{gap:3px}.pagination button{height:24px;min-width:24px;border:1px solid transparent;background:transparent;border-radius:4px;color:#646a73;font-size:11px}.pagination button.current{background:#eaf2ff;color:#2b6de5}.pagination button:disabled{opacity:.35;cursor:default}.dashboard{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;padding-top:4px}.metric{background:#fff;border:1px solid #dfe2e5;border-radius:6px;padding:17px}.metric span{font-size:11px;color:#8f959e}.metric strong{display:block;font-size:22px;margin-top:9px;color:#1f2329}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:#1f23296b;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 60px #1f23294d}.modal-header{justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;color:#2b6de5;text-transform:uppercase;letter-spacing:.08em}.modal h2{margin:5px 0 0;font-size:18px;color:#1f2329}.close{font-size:25px}.form-grid{padding:21px 24px 14px;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#646a73}.form-grid input,.form-grid select{height:36px;border:1px solid #d8dce1;border-radius:4px;padding:0 10px;outline:0;font:inherit;color:#1f2329;background:#fff}.form-grid input:focus,.form-grid select:focus{border-color:#5b8def;box-shadow:0 0 0 3px #e2ecff}.field-note{font-size:10px;color:#8f959e}.field-note b{color:#2b6de5;font-weight:500}.checkbox-label{justify-content:center;flex-direction:row!important;align-items:center;gap:8px!important}.checkbox-label input{width:16px;height:16px}.cost-summary{margin:6px 24px 22px;border:1px solid #d9e7fb;background:#f5f9ff;border-radius:6px;padding:14px 16px;gap:42px}.cost-summary div{display:flex;flex-direction:column;gap:5px}.cost-summary span{font-size:11px;color:#8f959e}.cost-summary strong{font-size:15px;color:#3d444d}.cost-summary .profit{color:#35a66c}.modal-footer{justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line)}.modal-footer div{display:flex;gap:8px}@media(max-width:850px){.sidebar{width:180px}.content{padding:0 12px 18px}.content-header{padding-top:16px}.toolbar{align-items:flex-start;height:auto;gap:6px;flex-direction:column;padding:8px}.search{width:100%}.form-grid{grid-template-columns:1fr}.cost-summary{gap:18px;flex-wrap:wrap}}
.dashboard{display:block}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 2px 18px}.dashboard-head h2{margin:5px 0 3px;font-size:20px;font-weight:600}.dashboard-head p{margin:0;color:#8f959e;font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-20px;bottom:-25px;width:90px;height:90px;border-radius:50%;background:#edf4ff}.metric.orange:after{background:#fff3df}.metric.green:after{background:#e8f7ee}.metric strong{position:relative;z-index:1}.metric small{display:block;color:#a0a5ad;font-size:10px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dashboard-card{background:#fff;border:1px solid #dfe2e5;border-radius:6px;padding:16px 18px;min-height:220px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title strong{font-size:13px}.card-title span{font-size:11px;color:#a0a5ad}.breakdown{display:flex;flex-direction:column;gap:13px}.breakdown-row{display:grid;grid-template-columns:130px 1fr 26px;align-items:center;gap:10px;font-size:12px;color:#646a73}.breakdown-row>div{height:7px;background:#f0f2f4;border-radius:5px;overflow:hidden}.breakdown-row i{display:block;height:100%;background:#5b8def;border-radius:5px}.breakdown-row b{font-size:11px;text-align:right;color:#8f959e}.trend{height:155px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #edf0f2;padding:0 4px}.trend-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.trend-col i{display:block;width:22px;min-height:8px;background:linear-gradient(#5b8def,#8fb2f4);border-radius:4px 4px 0 0}.trend-col span{font-size:10px;color:#8f959e;white-space:nowrap}.trend-col small{font-size:10px;color:#8f959e;transform:translateY(20px)}@media(max-width:850px){.metrics-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.dashboard-grid{grid-template-columns:1fr}}