.record360-page{display:grid;gap:18px;max-width:1440px;margin:0 auto}.record360-back{width:max-content;color:#1478ff;font-size:13px;font-weight:700;text-decoration:none}.record360-header{display:flex;justify-content:space-between;gap:18px;padding:22px;border:1px solid #e5eaf1;border-radius:14px;background:#fff}.record360-header p{margin:0 0 6px;color:#667085;font-size:11px;font-weight:800}.record360-header h2{margin:0 0 9px;font-size:26px}.record360-muted{margin-left:10px;color:#667085;font-size:13px}.record360-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.record360-status-control{display:flex;align-items:center;gap:7px;padding:4px 4px 4px 10px;border:1px solid #dce5ef;border-radius:8px;background:#f8fafc}.record360-status-control span{color:#667085;font-size:10px;font-weight:750}.record360-status-control select{height:30px;border:0;border-left:1px solid #dce5ef;background:transparent;padding:0 8px;font:inherit;font-size:12px;font-weight:700;outline:0}.record360-status-control .btn{height:30px}.record360-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.record360-metrics article,.record360-panel{border:1px solid #e5eaf1;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(16,24,40,.045)}.record360-metrics article{padding:17px}.record360-metrics small{display:block;color:#667085;font-size:10px;font-weight:800}.record360-metrics strong{display:block;margin-top:8px;font-size:20px}.record360-metrics article>span{display:block;margin-top:5px;color:#667085;font-size:11px}.record360-negative strong{color:#d92d20}.record360-positive strong{color:#079455}.record360-panel{overflow:hidden}.record360-panel>header{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #edf0f4}.record360-panel h3{margin:0;font-size:14px}.record360-progress{height:8px;margin:18px;background:#eaf0f6;border-radius:99px;overflow:hidden}.record360-progress i{display:block;height:100%;background:linear-gradient(90deg,#1478ff,#5ba1ff)}.record360-details{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.record360-details div{padding:16px;border-top:1px solid #edf0f4}.record360-details dt{color:#667085;font-size:10px;font-weight:800}.record360-details dd{margin:7px 0 0;font-size:13px;overflow-wrap:anywhere}.record360-columns,.record360-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.record360-row{width:100%;display:flex;justify-content:space-between;gap:12px;padding:13px 17px;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;cursor:pointer}.record360-row:hover{background:#f5f9ff}.record360-row b,.record360-row small{display:block}.record360-row b{font-size:13px}.record360-row small{margin-top:4px;color:#667085;font-size:11px}.record360-row strong{font-size:12px;white-space:nowrap}.record360-row>span:last-child{display:flex;align-items:center;gap:8px}.record360-empty,.record360-note{padding:17px;color:#667085}.record360-state{margin:28px auto;max-width:720px;padding:28px;border:1px solid #e5eaf1;border-radius:14px;background:#fff;text-align:center}.record360-chart{height:220px;display:flex;align-items:end;justify-content:space-around;gap:16px;padding:18px 20px 8px}.record360-chart-bar{height:100%;min-width:88px;display:grid;grid-template-rows:1fr auto auto;text-align:center}.record360-chart-track{height:145px;display:flex;align-items:end;justify-content:center;background:linear-gradient(to top,#f6f8fb 1px,transparent 1px);background-size:100% 25%}.record360-chart-fill{width:38px;display:block;border-radius:7px 7px 2px 2px}.record360-chart-budget{background:#6ea8ff}.record360-chart-cost{background:#f79009}.record360-chart-income{background:#12b76a}.record360-chart-profit{background:#1478ff}.record360-chart-loss{background:#f04438}.record360-chart-bar b{margin-top:9px;font-size:11px}.record360-chart-bar strong{margin-top:3px;font-size:11px}.record360-finance-line{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f4}.record360-finance-line span{padding:14px 17px}.record360-finance-line span+span{border-left:1px solid #edf0f4}.record360-finance-line small{display:block;color:#667085;font-size:10px}.record360-finance-line b{display:block;margin-top:5px;font-size:14px}@media(max-width:900px){.record360-header{flex-direction:column}.record360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.record360-columns,.record360-project-grid{grid-template-columns:1fr}}@media(max-width:620px){.record360-header{padding:17px}.record360-header h2{font-size:21px}.record360-actions{width:100%}.record360-actions .btn{flex:1}.record360-status-control{width:100%;justify-content:space-between}.record360-metrics,.record360-details{grid-template-columns:1fr}.record360-details div+div{border-top:1px solid #edf0f4}.record360-chart{gap:7px;padding-inline:8px}.record360-chart-bar{min-width:60px}.record360-chart-fill{width:27px}.record360-chart-bar strong{font-size:9px}.record360-finance-line{grid-template-columns:1fr}.record360-finance-line span+span{border-left:0;border-top:1px solid #edf0f4}}