*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#18243c;background:#f5f8fc}button{cursor:pointer;font:inherit}.shell{min-height:100vh;display:flex}aside{width:246px;background:#101d3a;color:#fff;padding:30px 15px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;margin:0 12px 55px}.brand span:not(.mark){color:#5b9dff}.mark{color:#6da9ff;font-size:30px;margin-right:6px}.navlabel{color:#7286ae;font-size:10px;letter-spacing:2px;margin:0 15px 16px}.nav{display:flex;gap:14px;align-items:center;color:#aebcda;border:0;background:transparent;text-align:left;padding:14px 16px;border-radius:9px;margin-bottom:6px}.nav.selected,.nav:hover{background:#263d6a;color:#fff}.asidebottom{margin-top:auto;color:#91a6c9;display:flex;gap:9px;font-size:12px;align-items:center;padding:12px}main{flex:1 1;min-width:0}header{height:76px;background:white;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.crumb{font-weight:700}.crumb span{color:#8a98ae;font-weight:400}.account{display:flex;align-items:center;gap:16px;color:#697a96;font-size:13px}.account b{background:#e7efff;color:#2458ac;padding:11px;border-radius:50%}.content{max-width:1280px;margin:auto;padding:46px 40px}.eyebrow{font-size:11px;color:#3678db;letter-spacing:2px;font-weight:800}h1{font-size:35px;letter-spacing:-1px;margin:11px 0}h2{margin:0;font-size:19px}.panel p,.sub{color:#7d8ba3}.sub{margin-bottom:32px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-bottom:26px}.metric,.panel{background:#fff;border:1px solid #e4ebf4;border-radius:14px;box-shadow:0 6px 24px #1e396708}.metric{padding:26px}.metric small{color:#7788a1;font-size:13px;display:block}.metric strong{display:block;font-size:33px;margin:16px 0 12px}.metric span{color:#257a5c;font-size:12px}.panel{padding:28px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.panelhead p{margin-bottom:0;font-size:13px}.primary{border:0;background:#2672dc;color:white;border-radius:9px;padding:12px 18px;font-weight:700}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#8694aa;background:#f7f9fd;font-weight:600}td,th{padding:17px 14px;border-bottom:1px solid #edf0f6}.status{background:#fff4d9;color:#986a14;padding:7px 10px;border-radius:20px;font-size:12px}.status.done{background:#e3f7ed;color:#23764d}.upload{max-width:850px}.drop{border:2px dashed #b5c8e5;border-radius:14px;background:#f7faff;padding:60px 20px;display:flex;align-items:center;flex-direction:column;gap:13px;color:#3777c9;cursor:pointer;margin:30px 0}.drop span{color:#8090a9;font-size:13px}.drop input{max-width:250px}.notice{display:flex;gap:10px;background:#fff8e7;border:1px solid #f3e2b4;border-radius:9px;padding:17px;color:#7a621e;font-size:13px}.placeholder{text-align:center;padding:80px 30px;max-width:780px}.placeholder svg{color:#387ce1}.placeholder p{max-width:500px;margin:15px auto}@media(max-width:900px){aside{width:74px;padding:20px 8px}.brand{font-size:0;margin:0 10px 40px}.mark{font-size:30px}.nav{font-size:0;justify-content:center;padding:14px}.asidebottom,.navlabel{display:none}.content{padding:30px 18px}.metrics{grid-template-columns:repeat(2,1fr)}header{padding:0 18px}.panel{overflow:auto}}@media(max-width:500px){.metrics{grid-template-columns:1fr}.account span{display:none}}