@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{color:#18312a;background:#f5f7f5;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#eaf5f0;background:#112f28;flex-direction:column;padding:28px 16px;display:flex}.brand{letter-spacing:-2px;color:inherit;font:800 28px Manrope}.brand span{color:#70c8aa}.brand small{letter-spacing:1.6px;color:#8ecbb6;margin-top:2px;font:700 9px DM Mono;display:block}aside nav{gap:5px;margin:44px 0;display:grid}aside nav button{color:#b7cbc3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 12px;font:600 13px Manrope}aside nav button i{color:#78cbb0;place-items:center;width:25px;font-style:normal;display:inline-grid}aside nav button:hover,aside nav button.active{color:#fff;background:#1e4a40}.admin-user{border-top:1px solid #31574d;gap:3px;margin-top:auto;padding:18px 8px 4px;display:grid}.admin-user b{font-size:12px}.admin-user span{color:#9bb7ac;text-overflow:ellipsis;font-size:10px;overflow:hidden}.admin-user button{color:#8ecbb6;cursor:pointer;background:0 0;border:0;width:max-content;margin-top:8px;padding:0;font:600 11px Manrope}main{width:100%;max-width:1640px;margin:auto;padding:46px clamp(25px,5vw,78px)}header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:36px;display:flex}.eyebrow{color:#328166;letter-spacing:1.4px;margin:0 0 10px;font:700 10px DM Mono}h1,h2{letter-spacing:-1.6px;margin:0;font-family:Playfair Display,serif}h1{font-size:42px}.header-actions{align-items:center;gap:15px;display:flex}.header-actions input{width:200px}.live{color:#39745f;background:#f8fcfa;border:1px solid #cbe2d8;border-radius:999px;padding:8px 11px;font:700 10px Manrope}.live i{background:#27a478;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.cards{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.cards article,.panel,.table-wrap,.inline-form{background:#fff;border:1px solid #dbe6e1;border-radius:13px;box-shadow:0 7px 22px #19392c08}.cards article{padding:18px}.cards p{color:#6d8178;margin:0;font-size:11px}.cards b{margin:11px 0 5px;font:700 30px Playfair Display;display:block}.cards span{color:#819189;font-size:10px}.overview-grid{grid-template-columns:1fr 1.4fr;gap:15px;margin-top:15px;display:grid}.panel{padding:29px}.panel dl{margin:20px 0 0}.panel dl div{border-top:1px solid #e6eeea;justify-content:space-between;padding:13px 0;display:flex}.panel dt,.panel dd{margin:0;font-size:13px}.panel dd{font-weight:800}.panel.emphasis{background:#e6f4ee}.panel h2{max-width:400px;font-size:29px}.panel p:not(.eyebrow){color:#5f766d;max-width:500px;font-size:13px;line-height:1.7}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.table-wrap th{color:#71857c;letter-spacing:.8px;white-space:nowrap;border-bottom:1px solid #dbe6e1;padding:14px 16px;font:700 9px DM Mono}.table-wrap td{color:#334d44;vertical-align:top;border-bottom:1px solid #edf2ef;max-width:260px;padding:15px 16px;font-size:12px}.table-wrap tr:last-child td{border-bottom:0}.badge{color:#4d685e;text-transform:capitalize;white-space:nowrap;background:#edf3ef;border-radius:999px;padding:4px 7px;font:700 9px Manrope;display:inline-block}.badge.good,.badge.verified,.badge.completed,.badge.resolved,.badge.authorised{color:#147354;background:#dff3e9}.badge.danger,.badge.failed,.badge.rejected,.badge.suspended{color:#a04640;background:#fee9e8}.badge.open,.badge.investigating,.badge.urgent{color:#94611e;background:#fff2d9}.actions{gap:6px;display:flex}.actions button{color:#226950;cursor:pointer;background:#fff;border:1px solid #cfe0d8;border-radius:7px;padding:6px 8px;font:700 10px Manrope}.toolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.toolbar p{color:#667a71;font-size:13px}.primary{color:#fff;cursor:pointer;background:#1f8065;border:0;border-radius:9px;padding:12px 16px;font:700 12px Manrope;box-shadow:0 8px 17px #1f806527}.primary span{margin-left:8px}.small{padding:9px 12px}.inline-form{grid-template-columns:180px 1fr auto;gap:10px;margin-bottom:15px;padding:12px;display:grid}input,select{color:#213c32;background:#fff;border:1px solid #ccdcd4;border-radius:8px;width:100%;padding:10px;font:13px Manrope}.rollout{max-width:680px}.rollout label{color:#3d5a4e;gap:7px;margin:18px 0;font:700 11px Manrope;display:grid}.alert,.notice{border-radius:9px;justify-content:space-between;align-items:center;margin:-12px 0 18px;padding:12px 14px;font-size:12px;display:flex}.alert{color:#93413e;background:#ffebea}.alert button{cursor:pointer;background:0 0;border:0;font-size:17px}.notice{color:#166d52;background:#e0f3e9}.loading,.empty{text-align:center;color:#73857d;padding:45px;font-size:13px}.login-page{background:radial-gradient(circle at 75% 15%,#d5eee3,#0000 28%),#f4f7f4;place-items:center;min-height:100vh;padding:22px;display:grid}.login-page form{background:#fff;border:1px solid #dce8e2;border-radius:18px;width:min(440px,100%);padding:42px;box-shadow:0 22px 60px #17382a14}.login-page .brand{color:#14342a;margin-bottom:48px}.login-page h1{font-size:37px;line-height:1.1}.login-page p:not(.eyebrow){color:#64786f;font-size:14px;line-height:1.7}.login-page label{color:#3b584b;gap:7px;margin-top:15px;font:700 11px Manrope;display:grid}.login-page .primary{width:100%;margin-top:22px}.login-page form>small{color:#84938d;text-align:center;margin-top:24px;font-size:10px;display:block}@media (width<=1050px){.cards{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:210px 1fr}main{padding:35px 30px}}@media (width<=720px){.shell{grid-template-columns:1fr}aside{z-index:2;padding:17px;position:sticky;top:0}aside nav{margin:15px 0 0;display:flex;overflow:auto}aside nav button{white-space:nowrap;padding:8px}.admin-user{display:none}main{padding:28px 17px}h1{font-size:35px}.cards{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.header-actions input{width:135px}.inline-form{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:start;gap:12px}.brand small{margin-left:8px;display:inline}}
