body{background:linear-gradient(135deg,#ff9a9e,#fad0c4);min-height:100vh;font-family:Arial,sans-serif}.card{max-width:600px;border-radius:15px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease-in-out}.btn-primary,.btn-success{transition:.3s;border:none;color:#fff}.card:hover{transform:translateY(-5px)}.btn-primary{background:linear-gradient(135deg,#ff7eb3,#ff758c)}.btn-primary:hover{background:linear-gradient(135deg,#e63946,#d62839)}.btn-success{background:linear-gradient(135deg,#02aab0,#00cdac)}.btn-success:hover{background:linear-gradient(135deg,#00857c,#007b73)}canvas{max-height:300px}footer{position:fixed;bottom:0;width:100%;background:#222;color:#fff;text-align:center;padding:10px 0;font-size:14px}h1{font-weight:700;color:#222;text-shadow:2px 2px 3px rgba(0,0,0,.2)}.input-group-text{background:linear-gradient(135deg,#ff758c,#ff7eb3);color:#fff;border:none}.list-group-item{background:rgba(255,255,255,.9);border-left:5px solid #ff758c}.custom-alert-info.swal2-popup.swal2-show{font-size:12px;width:100%;max-width:600px}.custom-alert-info .swal2-html-container{text-align:left}.dark-mode{background-color:#121212;color:#fff}