*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#20242b;font:14px Arial,sans-serif}.shell{display:flex;min-height:100vh}aside{width:245px;background:#171a20;color:#d7d9dd;padding:25px 18px;position:fixed;height:100vh}.logo{font-size:22px;display:flex;gap:8px;align-items:center;margin:0 10px 28px}.logo b{background:#a63cff;color:#fff;padding:7px;border-radius:9px}.logo span{font-weight:700}nav{display:grid;grid-gap:5px;gap:5px}nav a{color:#c7c9ce;text-decoration:none;padding:11px 12px;border-radius:9px;display:flex;gap:11px;align-items:center}nav a:hover{background:#292d35;color:#fff}.store{position:absolute;bottom:25px;background:#22262e;padding:13px;border-radius:10px;width:209px}.store small{display:block;color:#74d99f;margin-top:6px}main{margin-left:245px;width:calc(100% - 245px);padding:30px 38px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:3px 0;font-size:27px}h2{font-size:17px;margin:0 0 18px}p{color:#737983}button{border:0;background:#8b35e5;color:#fff;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer}.secondary{background:#eee8f8;color:#7030ad}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid #e6e7ea;border-radius:13px;padding:20px}.kpi small,.kpi span{display:block;color:#777e88}.kpi strong{display:block;font-size:25px;margin:11px 0}.grid{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:18px;gap:18px}.alert{border-left:4px solid;padding:12px 14px;background:#f8f8fa;margin:10px 0;border-radius:7px}.alert b,.alert span{display:block}.alert span{color:#777;margin-top:5px}.red{border-color:#e44747}.orange{border-color:#ed9a36}.green{border-color:#3eb476}.metric{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.metric b{color:#4b9b6a}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #eee}th{color:#777;font-size:12px}td a{color:#25262a;text-decoration:none}td small{display:block;color:#9297a0;margin-top:4px}.search,input,select,textarea{width:100%;border:1px solid #dfe1e5;border-radius:8px;padding:11px;background:#fff;font:inherit}.search{margin-bottom:15px}label{display:block;font-weight:700;font-size:12px;margin:15px 0 7px}.pill{background:#e8f5ed;padding:5px 9px;border-radius:12px}.pill.bad{background:#fde8e8;color:#b53a3a}.tabs{background:#fff;padding:14px 18px;border-radius:10px;margin-bottom:18px;color:#666}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.safe{background:#eaf7ef;color:#31754b;padding:10px}.safe,.warning{border-radius:8px}.warning{background:#fff6df;color:#8b6718;padding:11px}.inline{display:flex;gap:8px}.top{margin-top:18px}.narrow{max-width:650px}.chat{border:1px solid #ddd;padding:14px;color:#777}.aianswer,.chat{border-radius:10px}.aianswer{margin:14px 0 0 35px;background:#f5effd;padding:16px}.recommend{display:grid;grid-template-columns:1.5fr 1.2fr auto;align-items:center;grid-gap:15px;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.recommend span{color:#777}@media(max-width:900px){aside{width:70px}aside nav a{font-size:0}.logo span,.store{display:none}main{margin-left:70px;width:calc(100% - 70px)}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}