.ref-page{max-width:1580px;margin:auto}.ref-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ref-heading h2{margin:0;font-size:26px;letter-spacing:-.6px}.ref-heading p{margin:4px 0 0;color:#667085;font-size:12px}.ref-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.ref-metric{min-height:105px;border:1px solid #e5eaf1;border-radius:10px;background:#fff;padding:17px;box-shadow:0 4px 16px rgba(16,24,40,.055);border-top:3px solid #1478ff}.ref-metric.violet{border-top-color:#7a5af8}.ref-metric.red{border-top-color:#f04438}.ref-metric.green{border-top-color:#15a85a}.ref-metric small,.ref-metric em{display:block;font-size:10px;color:#667085;font-style:normal}.ref-metric strong{display:block;margin:8px 0 4px;font-size:22px;letter-spacing:-.5px}.ref-panel{border:1px solid #e5eaf1;border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(16,24,40,.055);overflow:hidden}.ref-panel>header{min-height:55px;padding:15px 18px;border-bottom:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between}.ref-panel h3{font-size:14px;margin:0}.ref-alerts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:13px}.ref-alerts button{min-height:105px;text-align:left;border:1px solid #f2e4e3;border-radius:8px;background:#fff9f8;padding:14px;cursor:pointer}.ref-alerts button:nth-child(2){background:#fffbf4;border-color:#f6ead4}.ref-alerts b,.ref-alerts strong{display:block}.ref-alerts b{font-size:11px}.ref-alerts strong{margin-top:10px;color:#f04438;font-size:14px}.ref-alerts em,.ref-actions em{float:right;font-style:normal;color:#667085}.ref-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.ref-list button{width:100%;min-height:64px;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:10px 16px;display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.ref-list b,.ref-list small,.ref-timeline b,.ref-timeline small{display:block}.ref-list b{font-size:12px}.ref-list small,.ref-timeline small{font-size:10px;color:#667085;margin-top:3px}.ref-list strong,.ref-timeline strong{font-size:11px}.ref-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1478ff;font-size:11px;font-weight:800}.ref-timeline{padding:5px 16px}.ref-timeline>div{display:grid;grid-template-columns:16px 1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid #eef1f5}.ref-timeline i{color:#1478ff;font-style:normal;font-size:11px}.ref-timeline b{font-size:11px}.ref-actions{padding:5px 16px}.ref-actions button{width:100%;height:45px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left;color:#1478ff;font-size:17px;cursor:pointer}.ref-actions span{color:#182230;font-size:12px;margin-left:9px}.ref-summary dl{padding:5px 18px;margin:0}.ref-summary dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef1f5;font-size:12px}.ref-summary dt{color:#667085}.ref-summary dd{margin:0;font-weight:750}.positive{color:#11934e}.ref-filterbar{display:flex;gap:9px;margin-bottom:16px}.ref-kanban{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;overflow:auto}.ref-kanban>section{min-width:260px;border:1px solid #e5eaf1;border-radius:9px;background:#f8fafc}.ref-kanban>section>header{padding:13px 14px;display:flex;justify-content:space-between;font-size:12px}.ref-kanban>section>header span{background:#eaf3ff;color:#1478ff;border-radius:10px;padding:2px 7px}.ref-kanban>section>div{padding:8px}.ref-kanban article{display:block;margin-bottom:8px;border:1px solid #e5eaf1;border-radius:8px;background:#fff;padding:12px;box-shadow:0 2px 6px rgba(16,24,40,.035);cursor:pointer}.ref-kanban article>b,.ref-kanban article>small,.ref-kanban article>strong{display:block}.ref-kanban article>b{font-size:12px;margin-top:9px}.ref-kanban article>small{font-size:10px;color:#667085;margin-top:4px}.ref-kanban article>strong{font-size:12px;margin:8px 0}.ref-kanban footer{display:flex;justify-content:space-between;font-size:10px;color:#667085}.ref-kanban footer em{font-style:normal}.ref-client-table td:first-child{position:relative;padding-left:56px}.ref-client-table .ref-avatar{position:absolute;left:16px;top:11px}.ref-client-table td small{display:block}.ref-client-table header>span{font-size:11px;color:#667085}@media(max-width:1100px){.ref-dashboard{grid-template-columns:1fr}.ref-dashboard aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ref-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.ref-heading,.ref-filterbar{align-items:flex-start;flex-wrap:wrap}.ref-metrics,.ref-alerts>div,.ref-columns{grid-template-columns:1fr}.ref-dashboard aside{grid-template-columns:1fr}.ref-kanban{grid-template-columns:repeat(3,260px)}}