@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#122034;font-synthesis:none;--navy:#071e3c;--teal:#0a8f80;--border:#dfe5eb;background:#f6f8fa;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:180px 1fr;min-height:100vh;display:grid}aside{color:#fff;z-index:5;background:linear-gradient(#061b37,#08284e);flex-direction:column;width:180px;padding:22px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:0 12px 28px;font-size:35px;font-weight:800}.brand span{position:relative}.brand span:after{content:"";background:#19c7b6;width:11px;height:3px;position:absolute;bottom:3px;right:-5px;transform:rotate(-45deg)}nav{gap:8px;display:grid}aside button{color:inherit;cursor:pointer;background:0 0;border:0;font:600 13px Manrope}nav button,.logout{text-align:left;border-radius:10px;align-items:center;gap:12px;padding:13px 12px;display:flex}nav svg,.logout svg{width:19px}nav button.selected{color:#39dcc8;background:#12365e;box-shadow:inset 3px 0 #18c7b4}.logout{margin-top:auto}main{grid-column:2;width:100%;max-width:1540px;margin:auto;padding:20px 26px 40px}.top{grid-template-columns:minmax(260px,1fr) minmax(320px,460px) 42px;align-items:center;gap:24px;margin-bottom:22px;display:grid}.top h1{letter-spacing:-.7px;margin:0 0 4px;font-size:25px}.top p{color:#66758a;margin:0;font-size:12px}.search{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex;box-shadow:0 2px 8px #15294b08}.search svg{color:#68778b;width:19px}.search input{color:#122034;border:0;outline:0;width:100%;font:500 13px Manrope}.avatar{color:#fff;background:#102a4a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.metrics{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;display:grid}.metric{text-align:left;border:1px solid var(--border);cursor:pointer;color:#15253b;background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:15px;transition:all .2s;display:flex}.metric:hover,.metric.active{border-color:#9bb3c5;transform:translateY(-1px);box-shadow:0 7px 20px #1835500e}.metric-icon{color:#1963df;background:#e9f1ff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.metric small{color:#526175;white-space:nowrap;margin-bottom:5px;font-size:11px;display:block}.metric strong{font-size:23px;line-height:1}.metric.success .metric-icon{color:#159652;background:#e0f7ec}.metric.success strong{color:#159652}.metric.info .metric-icon{color:#1260dd;background:#e6efff}.metric.info strong{color:#1260dd}.metric.warning .metric-icon{color:#e44b2c;background:#ffebe6}.metric.warning strong{color:#e44b2c}.metric.neutral .metric-icon{color:#657287;background:#eef1f5}.analytics{grid-template-columns:.85fr 1.1fr 1.35fr;gap:12px;margin-bottom:22px;display:grid}.analytics article{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:190px;padding:15px 16px}.analytics h3,.success-card small{margin:0 0 14px;font-size:13px}.success-card strong{color:var(--teal);margin:10px 0 2px;font-size:31px;display:block}.success-card p{color:#5d6c7e;margin:0 0 22px;font-size:11px}.progress{background:#e9eef2;border-radius:9px;height:11px;overflow:hidden}.progress i{background:var(--teal);border-radius:9px;height:100%;display:block}.success-card footer{color:#647286;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.ufrow{color:#16263a;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:25px 1fr 100px;align-items:center;gap:9px;width:100%;padding:9px 0;font:12px Manrope;display:grid}.ufrow>i{background:#edf1f4;border-radius:10px;height:8px;overflow:hidden}.ufrow>i span{background:var(--teal);border-radius:10px;height:100%;display:block}.ufrow>strong{text-align:right}.ufrow small{color:#677588;font-weight:500}.chart{min-width:0}.table-section{border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden}.table-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.table-head h2{margin:0 0 3px;font-size:18px}.table-head p{color:#728094;margin:0;font-size:11px}.filters{gap:8px;display:flex}.filters label{border:1px solid var(--border);color:#607084;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.filters svg{width:16px}.filters select{color:#28394f;background:#fff;border:0;outline:0;min-width:105px;font:600 11px Manrope}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#718093;background:#f8fafb;padding:10px 16px;font-size:9px}td{color:#35445a;white-space:nowrap;border-top:1px solid #e8edf1;padding:10px 16px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#f2fbfa}td:first-child{width:30%}td strong{color:#14243a;text-overflow:ellipsis;max-width:340px;display:block;overflow:hidden}td small{color:#8793a3;margin-top:2px;font-size:9px;display:block}.mono{color:#314961;font-family:ui-monospace,SFMono-Regular,monospace}td:last-child svg{width:16px}.status{border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status.success{color:#087a42;background:#dcf6e8}.status.info{color:#125cca;background:#e4eeff}.status.warning{color:#d44327;background:#ffebe5}.status.neutral{color:#596779;background:#e9edf2}.pagination{border-top:1px solid var(--border);color:#637185;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;display:flex}.pagination div{align-items:center;gap:10px;display:flex}.pagination button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;padding:7px 10px;font:600 10px Manrope}.pagination button:disabled{opacity:.4}.empty{text-align:center;color:#718095;padding:45px}.empty svg{width:30px}.empty h3{color:#27384e}.detail-backdrop{z-index:20;background:#09172c52;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail{background:#fff;width:min(430px,100vw);height:100%;padding:23px 25px;animation:.25s ease-out slide;overflow-y:auto;box-shadow:-12px 0 32px #14243d25}.detail header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.detail header small{color:#738195;font-size:10px}.detail h2{margin:4px 0 0;font-size:19px;line-height:1.25}.detail header button,.info button{cursor:pointer;color:#516075;background:0 0;border:0}.detail-grid{gap:3px;margin:18px 0;display:grid}.info{grid-template-columns:23px 1fr 24px;align-items:start;gap:9px;padding:9px 0;display:grid}.info>svg{color:#54677e;width:17px}.info small{color:#768397;margin-bottom:3px;font-size:10px;display:block}.info span{color:#23344a;font-size:12px;line-height:1.55;display:block}.timeline{border-top:1px solid var(--border);margin-top:10px;padding-top:18px}.timeline h3{margin:0 0 15px;font-size:15px}.step{grid-template-columns:29px 1fr;gap:10px;min-height:68px;display:grid;position:relative}.step:after{content:"";background:#dfe6eb;width:2px;position:absolute;top:26px;bottom:0;left:13px}.step:last-child:after{display:none}.step>span{color:#8190a2;z-index:1;background:#e7edf3;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.step.done>span{color:#fff;background:#109b6a}.step.current>span{background:#1464dd}.step svg{width:16px}.step b{font-size:12px;display:block}.step small,.step em{color:#667589;margin-top:3px;font-size:10px;display:block}.step em{font-style:italic}.download{color:#155dcc;cursor:pointer;background:#fff;border:1px solid #1e67d9;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:12px;font:700 11px Manrope;display:flex}@keyframes slide{0%{opacity:.4;transform:translate(30px)}}@media (width<=1050px){.metrics{grid-template-columns:repeat(3,1fr)}.analytics{grid-template-columns:1fr 1fr}.chart{grid-column:1/-1}.top{grid-template-columns:1fr minmax(280px,420px)}.avatar{display:none}}@media (width<=760px){.app{padding-bottom:72px;display:block}aside{z-index:10;flex-direction:row;width:100%;height:66px;padding:7px 12px;position:fixed;inset:auto 0 0}.brand,.logout{display:none}nav{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;display:grid}nav button{flex-direction:column;justify-content:center;gap:2px;padding:6px;font-size:9px}nav button.selected{box-shadow:inset 0 3px #18c7b4}main{padding:16px}.top{grid-template-columns:1fr;gap:14px}.top h1{font-size:22px}.search{width:100%}.metrics{padding-bottom:7px;display:flex;overflow-x:auto}.metric{min-width:150px}.analytics{grid-template-columns:1fr}.chart{grid-column:auto}.table-head{flex-direction:column;align-items:flex-start}.filters{width:100%}.filters label{flex:1}.filters select{width:100%;min-width:0}table{min-width:780px}.pagination span{display:none}.pagination{justify-content:flex-end}.detail{padding:20px}.detail-backdrop{z-index:30}}