@font-face{font-family:Instrument;src:url('/fonts/cbc/instrument-sans-400-9a91efaa.woff2')}@font-face{font-family:Instrument;src:url('/fonts/cbc/instrument-sans-600-efb77091.woff2');font-weight:600}
*{box-sizing:border-box}body{margin:0;font:14px/1.55 Instrument,system-ui,sans-serif;background:#fafafa;color:#292524}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}button{border:1px solid #dedbd7;border-radius:8px;background:#fff;padding:8px 13px;color:inherit}button:hover{background:#f0f4f8}button.primary{background:#222b39;border-color:#222b39;color:#fff}button.primary:hover{background:#344358}button.small{font-size:12px;padding:6px 9px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.12;letter-spacing:-.025em}h2{font-size:19px;line-height:1.3}h3{font-size:15px}p{margin:10px 0;color:#78716c}small{font-size:11px;color:#78716c}.appbar{height:58px;border-bottom:1px solid #e7e5e4;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:14px}.appbar b{font-size:17px;color:#0c0a09}.appbar small{margin-left:auto}.avatar{width:28px;height:28px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center;font-size:10px}.app-layout{height:calc(100vh - 91px);display:grid;grid-template-columns:205px minmax(0,1fr)}.sidebar{overflow:auto;padding:20px 12px;border-right:1px solid #e7e5e4;display:flex;flex-direction:column;gap:4px}.sidebar button{border:0;background:none;text-align:left;color:#57534e;font-size:12px;padding:10px 12px;display:flex;gap:10px;align-items:center}.sidebar button span{font-size:16px;min-width:19px;color:#8c8985}.sidebar button[aria-current=page]{background:#eff4fc;color:#365f95}.sidebar small{margin:18px 12px 5px;font-size:10px;letter-spacing:.04em}.content{overflow:auto;padding:27px 30px 45px;min-width:0;scroll-behavior:smooth}.heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}.heading p{font-size:12px}.surface{border:1px solid #e7e5e4;border-radius:13px;background:#fff;padding:22px;margin-top:20px}.surface h2{margin-bottom:15px}.welcome-banner{background:linear-gradient(120deg,#232c39,#0c1020);padding:26px;border-radius:14px;color:#fff}.welcome-banner small{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}.welcome-banner h2{margin:13px 0}.welcome-banner p{color:#c4c8ce;font-size:13px;max-width:560px}.welcome-banner button{background:#93baff;border:0;color:#192b49;margin-top:10px}.welcome-banner ol{padding:0;list-style:none;counter-reset:step;margin-top:21px}.welcome-banner li{counter-increment:step;display:flex;gap:10px;align-items:center;font-size:12px;margin:9px 0;color:#d8dde7}.welcome-banner li:before{content:counter(step);width:22px;height:22px;display:grid;place-items:center;background:#ffffff12;border-radius:5px}.stats{display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:24px 0}.stats div{flex:1;padding:15px 6px}.stats strong{display:block;font-size:30px;line-height:1.2}.stats span{color:#78716c;font-size:11px}.tasks{padding:0;list-style:none}.tasks li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 0;gap:14px}.tasks li:last-child{border:0}.tasks b{display:block}.tasks small{display:block;margin-top:3px}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#78716c;font-size:11px;font-weight:400;padding:10px 12px;border-bottom:1px solid #e7e5e4;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #eee}td button.link{border:0;background:none;color:#375d88;padding:0;text-align:left;font-weight:600}.pill{display:inline-block;border-radius:6px;padding:3px 7px;font-size:10px;background:#edf7f0;color:#266e45}.pill.pending{background:#fff3d9;color:#946817}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:17px 0}.toolbar label{font-size:11px;color:#78716c}.toolbar input,.toolbar select{padding:9px 12px;border:1px solid #d6d3d1;border-radius:8px;background:white;max-width:100%}.toolbar input{width:240px}.empty{padding:16px;color:#78716c}.flow-row{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #eee}.flow-row>div:first-child{color:#78716c;font-size:11px;width:36px;flex:none}.flow-row .flow-main{flex:1}.flow-row small{display:block}.flow-actions{display:flex;gap:4px}.flow-actions button{padding:5px 10px}.notice{font-size:12px;padding:12px 15px;background:#eff5fb;color:#315c86;border-radius:8px;margin:16px 0}.previewbar{height:33px;padding:7px 14px;background:#f0eeeb;border-top:1px solid #dedbd7;color:#78716c;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.previewbar button{padding:0;border:0;background:none;text-decoration:underline;font-size:10px}.toast{position:fixed;bottom:43px;right:16px;left:16px;margin:auto;max-width:560px;background:#203c31;color:#fff;border-radius:9px;padding:12px 17px;box-shadow:0 5px 18px #0002;font-size:13px;z-index:4}.toast:empty{display:none}dialog{border:1px solid #e7e5e4;border-radius:15px;padding:25px;width:min(480px,calc(100% - 30px));max-height:88vh;color:#292524}dialog::backdrop{background:#15182170}dialog h2{margin-bottom:10px}dialog label{display:block;font-size:12px;margin-top:14px}dialog input,dialog select{display:block;width:100%;border:1px solid #d6d3d1;border-radius:8px;padding:10px;margin-top:5px;background:#fff}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.details-grid{display:grid;grid-template-columns:100px 1fr;gap:11px;font-size:13px}.details-grid dt{color:#78716c}.details-grid dd{margin:0}.service-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.service-heading p{font-size:12px}.end-link{font-size:12px;margin-top:24px;display:inline-block;color:#375d88}
@media(max-width:680px){.appbar{padding-inline:13px;height:51px}.appbar b{font-size:14px}.appbar small{font-size:9px}.app-layout{height:calc(100vh - 84px);display:flex;flex-direction:column}.sidebar{overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;flex:none;padding:7px;border-right:0;border-bottom:1px solid #e7e5e4;gap:1px;scrollbar-width:thin}.sidebar button{white-space:nowrap;padding:8px 11px;font-size:11px;flex:none}.sidebar small{display:none}.sidebar button span{font-size:13px;min-width:10px}.content{padding:22px 16px 35px;flex:1}.heading{margin-bottom:18px}h1{font-size:25px}.surface,.welcome-banner{padding:17px}.stats strong{font-size:26px}td,th{padding:10px 8px}.stats{margin:18px 0}.heading button{font-size:11px}.previewbar{font-size:9px}.flow-row{gap:10px}.flow-main b{font-size:12px}.flow-actions{gap:2px}.flow-actions button{padding:5px 8px}.toolbar input{width:100%}.tasks li{font-size:12px}.tasks button{font-size:11px}}