html,body{height:100%;margin:0;font-family:Arial,sans-serif}body{background-color:#e9ecef}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:400px;padding:20px;animation:.3s ease-in-out fadeIn;box-shadow:0 4px 6px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}input,textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin:8px 0;padding:12px;font-size:14px}textarea{resize:vertical;height:100px}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;margin-top:10px;padding:12px 18px;transition:background-color .3s}button:hover{background-color:#0056b3}button.circle{border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;padding:10px;font-size:12px;line-height:1;display:flex}.close-btn{color:#fff;cursor:pointer;background-color:#f44336;border-radius:4px;width:100%;margin-top:10px;padding:10px}.close-btn:hover{background-color:#d32f2f}h2,h3,h4,p{margin:0 0 10px;font-weight:400}ul{margin-top:0;padding:0;list-style-type:none}li{color:#555;font-size:14px}button.add-button{color:#fff;cursor:pointer;z-index:1001;background-color:#007bff;border:none;border-radius:50%;padding:16px;font-size:24px;transition:all .3s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 8px #0003}button.add-button:hover{background-color:#0056b3}button.add-button:focus{outline:none}.card{background-color:#fff;border-radius:6px;margin-bottom:16px;padding:12px;transition:transform .3s;box-shadow:0 4px 8px #0000001a}.card:hover{transform:translateY(-5px)}.card h4{margin-bottom:8px;font-size:18px}.card p{color:#666;font-size:14px}.card small{color:#999;font-size:12px}.card ul{margin-top:10px}.card button{cursor:pointer;background-color:#28a745;margin-top:10px}.card button:hover{background-color:#218838}.card button:focus{outline:none}ul.list{padding-left:20px;list-style-type:none}li.list-item{margin:12px 0}