:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#172b42;background:#f8f9fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#172f49;color:#dce4ec;display:flex;flex-direction:column}.brand{height:64px;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #28445f}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#f79020;text-transform:uppercase;letter-spacing:1.5px}.brand-mark{width:54px;height:54px;border-radius:14px;background:#172f49;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.brand-mark.small{width:36px;height:36px;border-radius:9px;background:#f79020}.tenant{margin:14px 12px;padding:11px;border-radius:9px;background:#203d59;display:flex;gap:9px;align-items:center}.tenant strong,.tenant span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant strong{font-size:12px}.tenant span{font-size:11px;color:#91a5b7;margin-top:2px}.sidebar nav{padding:4px 10px;flex:1}.sidebar nav button,.back{border:0;background:none;color:#b8c7d5;width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;font-size:13px;text-decoration:none;cursor:pointer;margin:2px 0}.sidebar nav button:hover,.sidebar nav button.active{background:#294b68;color:#fff}.sidebar nav button.active{font-weight:600;border-left:3px solid #f79020}.back{border-top:1px solid #28445f;border-radius:0;padding:17px 20px}main{min-width:0}header{height:64px;background:#fff;border-bottom:1px solid #e4e8ed;display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:10}header h2{font-size:15px;margin:0}header p{font-size:11px;color:#7b8794;margin:2px 0 0}.user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px}.content{padding:26px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:12px}.page-title h1{font-size:23px;margin:0 0 5px}.page-title p{color:#6d7b88;font-size:13px;margin:0}.button{border:1px solid #dce2e8;background:#fff;color:#21384f;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center;text-decoration:none}.button.primary{background:#203b57;color:#fff;border-color:#203b57}.button.primary:hover{background:#294e70}.button.ghost{padding:6px 9px}.icon{width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.icon:hover{background:#eef2f5}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e4e8ed;border-radius:10px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 1px 2px #13263a0a}.kpi-icon{width:39px;height:39px;background:#eaf0f6;border-radius:9px;display:grid;place-items:center;color:#274c6e}.kpi.green .kpi-icon{background:#e7f7ef;color:#27845b}.kpi.orange .kpi-icon{background:#fff1e1;color:#d97811}.kpi span,.run-header span,.run-summary span,.summary-numbers span{display:block;color:#74818e;font-size:11px}.kpi strong{display:block;font-size:19px;margin-top:3px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid #e4e8ed;border-radius:10px;padding:18px;margin-bottom:18px}.card-title{font-size:13px;font-weight:700;margin-bottom:16px}.run-summary{display:grid;grid-template-columns:1fr auto;align-items:start}.summary-numbers{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px;margin-top:18px;border-top:1px solid #edf0f3}.summary-numbers b{font-size:13px}.status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#eef2f5;color:#566674;font-size:10px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status.paid,.status.configured{background:#e4f7ed;color:#207a50}.status.approved{background:#e8f1ff;color:#2465a8}.status.draft,.status.setup-required{background:#fff0df;color:#b86108}.checklist{display:grid;gap:13px}.checklist>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#77838f}.checklist svg{color:#c7cfd6}.checklist svg.done{color:#279066}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#71808e;font-weight:600;background:#f8fafb;padding:9px 11px;border-bottom:1px solid #e4e8ed;white-space:nowrap}td{padding:11px;border-bottom:1px solid #edf0f3;vertical-align:middle;white-space:nowrap}td strong,td small{display:block}td small{color:#82909c;margin-top:3px;text-transform:capitalize}.actions{display:flex;gap:3px}.empty,.loading{min-height:130px;display:grid;place-items:center;color:#85919c;font-size:12px}.center{min-height:100vh;display:flex;gap:10px;align-items:center;justify-content:center;color:#6f7e8b}.spinner{width:22px;height:22px;border:2px solid #dce3e9;border-top-color:#f79020;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{max-width:420px;margin:12vh auto;background:#fff;border:1px solid #e1e6ea;border-radius:14px;padding:38px;text-align:center}.login-card .brand-mark{margin:auto;background:#203b57}.login-card h1{font-size:23px}.login-card p{font-size:13px;line-height:1.6;color:#74818d;margin-bottom:24px}.alert{padding:11px 14px;background:#fff0f0;color:#a33;border:1px solid #ffd4d4;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;font-size:12px}.alert button{border:0;background:none}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#10223599;z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;width:min(700px,100%);max-height:92vh;overflow:auto;border-radius:12px;box-shadow:0 22px 60px #07131f55}.modal.wide{width:min(1150px,100%)}.modal-title{height:59px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #e5e9ed;position:sticky;top:0;background:#fff;z-index:2}.modal-title h2{font-size:15px;margin:0}.modal-title .icon{margin-left:auto}.modal>.form-grid,.modal>.note{margin:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field span{display:block;font-size:11px;font-weight:600;color:#586a79;margin-bottom:6px}.field input,.field select,select.year{height:37px;width:100%;border:1px solid #d9e0e6;border-radius:7px;padding:0 10px;color:#233b51;background:#fff;font-size:12px}.checks{display:flex;flex-direction:column;gap:10px;font-size:12px;padding-top:20px}.modal-actions{padding:15px 20px;border-top:1px solid #e5e9ed;display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:0;background:#fff}.note{font-size:12px;color:#75838f;line-height:1.65}.run-header{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:25px;padding:18px 20px;background:#f8fafb}.run-header b{font-size:14px}.toggle-row{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #edf0f3}.mobile-only{display:none}@media (max-width:900px){.shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;z-index:40;transition:.2s}.sidebar.open{left:0}.mobile-only{display:grid}.content{padding:18px}.kpis{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}header{padding:0 14px}.user span{display:none}.form-grid{grid-template-columns:1fr}.summary-numbers{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width:520px){.kpis{grid-template-columns:1fr}.page-title{flex-direction:column}.page-title .button{width:100%}.run-header{grid-template-columns:1fr 1fr}.modal-bg{padding:0}.modal{height:100vh;max-height:none;border-radius:0}}
