*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f1f5f9;font-family:Arial,sans-serif}.appShell{height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-direction:column;justify-content:space-between;width:260px;padding:20px;display:flex}.sideBrand{align-items:center;gap:10px;display:flex}.sideLogo{color:#000;background:#22d3ee;border-radius:10px;padding:10px;font-weight:700}.sidebar nav button{color:#cbd5f5;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin-top:10px;padding:12px}.sidebar nav button.active{color:#fff;background:#1e293b;border-radius:8px}.sideFooter{color:#94a3b8;font-size:12px}.content{flex:1;padding:20px;overflow-y:auto}.topbar{justify-content:space-between;margin-bottom:20px;display:flex}.topbar span{color:#64748b;font-size:12px;display:block}.statsGrid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.statCard{background:#fff;border-radius:10px;padding:20px}.statCard strong{font-size:24px;display:block}.panel{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.panelHeader{margin-bottom:10px}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px}th{background:#f8fafc}.badge{border-radius:20px;padding:4px 10px;font-size:12px}.badge.green{color:#166534;background:#dcfce7}.badge.red{color:#991b1b;background:#fee2e2}.badge.yellow{color:#854d0e;background:#fef9c3}.badge.gray{background:#e2e8f0}.primaryBtn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:10px 16px}.ghostBtn{background:0 0;border:1px solid #ccc;border-radius:8px;padding:10px}.aiGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}textarea{width:100%;height:120px;margin-top:10px;padding:10px}.resultPanel h1{font-size:40px}