*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#f2f2f2}.main{display:flex;justify-content:center;align-items:flex-start;gap:30px;padding:40px}.container{width:420px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 0 15px #0003}h1{text-align:center;margin-bottom:20px}h2{margin:20px 0 10px;color:green}input{width:100%;padding:12px;margin-bottom:15px;font-size:17px}button{width:100%;padding:12px;font-size:17px;cursor:pointer}button:hover{background:#000;color:#fff}hr{margin:20px 0}.sidebar{width:350px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 15px #0003;max-height:85vh;overflow-y:auto}.card{background:#f8f8f8;padding:15px;border-radius:8px;margin-bottom:15px;border-left:5px solid green}.card h3{margin-bottom:8px}.card p{font-size:12px;color:gray;word-break:break-all}