.m12-workspace{--m12-surface:#11110e;--m12-raised:#191811;--m12-line:#373221;--m12-text:#f7f3ea;--m12-muted:#aaa391;--m12-gold:#d8a923;--m12-cyan:#36c6c0;--m12-green:#4dcd7b;--m12-red:#ee6575;--m12-blue:#5aa7ef;--m12-violet:#a48aff;padding:24px 0 36px;display:grid;gap:14px;color:var(--m12-text);font-family:"DM Sans",system-ui,sans-serif}.m12-workspace *{box-sizing:border-box}.m12-header,.m12-panel,.m12-metric,.m12-control,.m12-alert{border:1px solid var(--m12-line);background:linear-gradient(145deg,rgba(27,25,17,.98),rgba(13,13,11,.98));border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.14)}.m12-header{padding:22px 24px;display:flex;align-items:end;justify-content:space-between;gap:24px}.m12-header span,.m12-panel header span,.m12-control>span{color:var(--m12-gold);font-size:9px;letter-spacing:.16em;font-weight:800}.m12-header h1{margin:6px 0 5px;color:var(--m12-text);font:700 clamp(27px,2.3vw,34px)/1.06 "DM Sans",system-ui,sans-serif;letter-spacing:-.045em}.m12-header p,.m12-panel p,.m12-metric small{margin:0;color:var(--m12-muted);font-size:11px;line-height:1.45}.m12-filters{display:flex;justify-content:flex-end;gap:8px;align-items:end;flex-wrap:wrap}.m12-filters label,.m12-control label{display:grid;gap:6px;color:var(--m12-muted);font-size:9px;font-weight:700}.m12-filters input,.m12-control input,.m12-control select{min-height:40px;min-width:132px;padding:0 10px;border:1px solid var(--m12-line);border-radius:8px;background:#0c0c0a;color:var(--m12-text);font:600 11px "DM Sans",system-ui}.m12-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:8px}.m12-actions button,.m12-workspace button{border:1px solid var(--m12-line);border-radius:8px;background:var(--m12-raised);color:var(--m12-text);padding:10px 13px;font:700 10px "DM Sans",system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.m12-actions button:hover,.m12-workspace button:hover{border-color:rgba(216,169,35,.8);color:#ffe08a;transform:translateY(-1px)}.m12-actions button.primary,.m12-workspace button.primary{border-color:var(--m12-gold);background:var(--m12-gold);color:#181308}.m12-actions button.primary:hover,.m12-workspace button.primary:hover{background:#e6bc3d;color:#181308}.m12-policy-warning{display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid rgba(216,169,35,.56);border-radius:10px;background:rgba(216,169,35,.075)}.m12-policy-warning b{color:#f0c750;font-size:13px}.m12-policy-warning p{margin:0;color:var(--m12-muted);font-size:11px;line-height:1.45}.m12-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.m12-metric{min-height:146px;padding:16px;display:grid;grid-template-rows:34px auto 1fr auto;gap:5px}.m12-metric i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--tone) 17%,transparent);color:var(--tone);font:800 16px/1 "DM Sans",sans-serif;font-style:normal}.m12-metric>small:first-of-type{align-self:end;font-size:10px;font-weight:600;color:var(--m12-muted)}.m12-metric strong{align-self:center;color:var(--m12-text);font:750 clamp(22px,1.55vw,27px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:-.04em}.m12-metric>small:last-child{font-size:10px;min-height:15px}.m12-metric.gold{--tone:var(--m12-gold)}.m12-metric.green{--tone:var(--m12-green)}.m12-metric.blue{--tone:var(--m12-blue)}.m12-metric.red{--tone:var(--m12-red)}.m12-metric.violet{--tone:var(--m12-violet)}.m12-metric.teal{--tone:var(--m12-cyan)}.m12-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px}.m12-panel{overflow:hidden}.m12-panel>header{min-height:68px;padding:15px 18px;border-bottom:1px solid var(--m12-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.m12-panel h2,.m12-control h2{margin:4px 0;color:var(--m12-text);font:700 15px/1.2 "DM Sans",system-ui,sans-serif;letter-spacing:-.02em}.m12-panel>header>b{color:#f0e8d8;font-size:13px}.m12-panel>div,.m12-panel>section{padding:16px 18px}.m12-cash-waterfall{display:grid;gap:11px}.m12-water-row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;align-items:center;gap:11px;color:var(--m12-muted);font-size:11px}.m12-water-row b{color:var(--m12-text);font-size:11px}.m12-water-row div{height:8px;background:#252319;border-radius:999px;overflow:hidden}.m12-water-row i{display:block;height:100%;width:var(--width);background:var(--tone,var(--m12-green));border-radius:inherit}.m12-water-row.reserve{--tone:var(--m12-gold)}.m12-water-row.cost{--tone:var(--m12-red)}.m12-water-row.available{--tone:var(--m12-blue)}.m12-ring-layout{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.m12-ring{width:132px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--m12-green) 0 var(--performing),var(--m12-gold) var(--performing) var(--arrears),var(--m12-red) var(--arrears) 100%);position:relative}.m12-ring:before{content:"";position:absolute;inset:20px;border-radius:50%;background:var(--m12-surface);box-shadow:inset 0 0 0 1px var(--m12-line)}.m12-ring span{z-index:1;text-align:center}.m12-ring strong{display:block;color:var(--m12-text);font-size:24px;letter-spacing:-.04em}.m12-ring small{color:var(--m12-muted);font-size:9px}.m12-status-list{display:grid;gap:9px}.m12-status-list span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;color:var(--m12-muted);font-size:10px}.m12-status-list b{color:var(--m12-text)}.m12-status-list em{font-style:normal;color:var(--m12-muted);font-size:10px}.m12-status-list i{width:7px;height:7px;border-radius:50%;background:var(--m12-blue)}.m12-bars{display:grid;gap:12px}.m12-bar{display:grid;grid-template-columns:minmax(100px,1fr) 2fr auto;gap:10px;align-items:center;color:var(--m12-muted);font-size:10px}.m12-bar b{color:var(--m12-text);font-size:10px}.m12-bar div{height:8px;border-radius:999px;background:#252319;overflow:hidden}.m12-bar i{display:block;height:100%;width:var(--width);background:linear-gradient(90deg,var(--m12-cyan),var(--m12-blue));border-radius:inherit}.m12-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:16px 18px 0}.m12-tabs button.active{border-color:var(--m12-gold);color:#f5cd60;background:rgba(216,169,35,.1)}.m12-table-wrap{overflow:auto;padding:0!important}.m12-table{width:100%;min-width:700px;border-collapse:collapse}.m12-table th,.m12-table td{padding:12px 16px;border-bottom:1px solid var(--m12-line);color:var(--m12-muted);font-size:10px;text-align:left}.m12-table td b{color:var(--m12-text)}.m12-table th{color:#d3c9b6;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#15140f}.m12-positive{color:#64dc94!important}.m12-negative{color:#ff8190!important}.m12-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m12-control{padding:18px;display:grid;gap:11px}.m12-control form{display:grid;gap:10px}.m12-control form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m12-control button{justify-self:start}.m12-ledger{display:grid;gap:8px}.m12-ledger article{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border:1px solid var(--m12-line);border-radius:9px;background:#16150f;color:var(--m12-text);font-size:11px}.m12-ledger small{color:var(--m12-muted);font-size:10px}
html[data-roc-theme="light"] .m12-workspace{--m12-surface:#ffffff;--m12-raised:#f7f4ed;--m12-line:#ddd4c2;--m12-text:#1c1a15;--m12-muted:#736d60;background:transparent}html[data-roc-theme="light"] .m12-header,html[data-roc-theme="light"] .m12-panel,html[data-roc-theme="light"] .m12-metric,html[data-roc-theme="light"] .m12-control{background:linear-gradient(145deg,#fffdf8,#f7f3ea);box-shadow:0 10px 24px rgba(67,53,27,.07)}html[data-roc-theme="light"] .m12-filters input,html[data-roc-theme="light"] .m12-control input,html[data-roc-theme="light"] .m12-control select,html[data-roc-theme="light"] .m12-actions button,html[data-roc-theme="light"] .m12-workspace button,html[data-roc-theme="light"] .m12-ledger article{background:#fffdf8;color:#1c1a15}html[data-roc-theme="light"] .m12-water-row div,html[data-roc-theme="light"] .m12-bar div{background:#e8e1d3}html[data-roc-theme="light"] .m12-table th{background:#f1eadb}html[data-roc-theme="light"] .m12-ring:before{background:#fffdf8}
html[data-theme="light"] .m12-workspace{--m12-surface:#ffffff;--m12-raised:#f7f4ed;--m12-line:#ddd4c2;--m12-text:#1c1a15;--m12-muted:#736d60}
.m12-workspace .m12-header{padding:18px 20px;align-items:center}.m12-header-copy{min-width:0}.m12-header h1{font-size:clamp(26px,2vw,31px)}.m12-header-controls{display:grid;gap:7px;min-width:min(100%,590px)}.m12-workspace .m12-filters{gap:7px}.m12-workspace .m12-filters label{font-size:8px}.m12-workspace .m12-filters input{min-height:36px;min-width:128px;font-size:10px}.m12-workspace .m12-actions{margin-top:0}.m12-workspace .m12-actions button,.m12-workspace button{min-height:36px;padding:8px 11px;font-size:9px}.m12-workspace .m12-metrics{gap:6px}.m12-workspace .m12-metric{min-height:88px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px;background:linear-gradient(145deg,rgba(20,19,14,.98),rgba(12,12,10,.98))}.m12-workspace .m12-metric-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--tone) 17%,transparent);color:var(--tone)}.m12-workspace .m12-metric-icon svg{width:16px;height:16px}.m12-workspace .m12-metric>div{min-width:0;display:grid;gap:3px}.m12-workspace .m12-metric small,.m12-workspace .m12-metric>small:first-of-type,.m12-workspace .m12-metric>small:last-child{color:var(--m12-muted)!important;font-size:8px;line-height:1.2}.m12-workspace .m12-metric strong{font-size:clamp(19px,1.3vw,22px);line-height:1.02}.m12-workspace .m12-panel>header{min-height:62px;padding:13px 16px}.m12-workspace .m12-panel h2{font-size:14px}.m12-workspace .m12-panel>div,.m12-workspace .m12-panel>section{padding:14px 16px}.m12-workspace .m12-water-row,.m12-workspace .m12-bar{font-size:10px}.m12-workspace .m12-water-row b,.m12-workspace .m12-bar b{font-size:10px}.m12-workspace .m12-status-list i.performing{background:var(--m12-green)}.m12-workspace .m12-status-list i.arrears{background:var(--m12-gold)}.m12-workspace .m12-status-list i.recovery{background:var(--m12-red)}.m12-workspace .m12-status-list i.settled{background:var(--m12-blue)}.m12-workspace .m12-bar:nth-child(3n+2) i{background:linear-gradient(90deg,var(--m12-blue),#83baff)}.m12-workspace .m12-bar:nth-child(3n) i{background:linear-gradient(90deg,var(--m12-gold),#e3c257)}.m12-workspace .m12-grid{gap:10px}.m12-workspace .m12-ring{width:122px}.m12-workspace .m12-ring-layout{grid-template-columns:140px 1fr;gap:14px}
@media(max-width:1100px){.m12-workspace .m12-header-controls{min-width:0}.m12-workspace .m12-metric{min-height:104px}}@media(max-width:700px){.m12-workspace .m12-header{padding:16px}.m12-workspace .m12-header-controls{width:100%}.m12-workspace .m12-metric{min-height:96px}.m12-workspace .m12-metric strong{font-size:22px}.m12-workspace .m12-filters input{min-width:0}.m12-workspace .m12-actions{justify-content:flex-start}}
@media(max-width:1100px){.m12-header{align-items:flex-start;flex-direction:column}.m12-filters,.m12-actions{justify-content:flex-start}.m12-metrics{grid-template-columns:repeat(2,1fr)}.m12-grid,.m12-controls{grid-template-columns:1fr}}@media(max-width:700px){.m12-workspace{padding:16px 0 28px}.m12-header{padding:18px}.m12-header h1{font-size:28px}.m12-metrics{grid-template-columns:1fr}.m12-ring-layout{grid-template-columns:1fr}.m12-ring{margin:auto}.m12-control form>div{grid-template-columns:1fr}.m12-water-row,.m12-bar{grid-template-columns:1fr auto}.m12-water-row div,.m12-bar div{grid-column:1/-1}.m12-filters label{flex:1 1 42%}.m12-filters input{width:100%;min-width:0}}