body{margin:0;background:#0f172a;color:#e2e8f0;font-family:Arial;display:flex}.sidebar{width:320px;padding:20px;background:#111827;height:100vh;display:flex;flex-direction:column;gap:10px}textarea,select,button{border:1px solid #334155;background:#1e293b;color:#fff;padding:10px;border-radius:10px}.hero{background:linear-gradient(135deg,#2563eb,#7c3aed);padding:25px;border-radius:20px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:15px}.cardx{background:#1e293b;border:1px solid #334155;border-radius:18px;overflow:hidden}.head{display:flex;justify-content:space-between;padding:12px;background:#334155}.cardx pre{margin:0;padding:15px;color:#86efac;white-space:pre-wrap}.cmp{padding:10px}main{flex:1;padding:20px}details{padding:10px;border-top:1px solid #334155}@media(max-width:900px){body{display:block}.sidebar{width:auto;height:auto}}