:root{--primary-color:#4e54c8;--secondary-color:#8f94fb;--accent-color:#ff6b6b;--text-color:#333;--light-bg:#f8f9fa;--dark-bg:#343a40;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--shadow-color:rgba(0,0,0,.1);--card-radius:15px;--transition-speed:.3s}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;margin:0;padding:0;overflow-x:hidden;color:var(--text-color)}.bg-animation{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;overflow:hidden}.bg-animation li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px;border-radius:50%}.bg-animation li:nth-child(1) {left:25%;width:80px;height:80px;animation-delay:0s}.bg-animation li:nth-child(2) {left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.bg-animation li:nth-child(3) {left:70%;width:20px;height:20px;animation-delay:4s}.bg-animation li:nth-child(4) {left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.bg-animation li:nth-child(5) {left:65%;width:20px;height:20px;animation-delay:0s}.bg-animation li:nth-child(6) {left:75%;width:110px;height:110px;animation-delay:3s}.bg-animation li:nth-child(7) {left:35%;width:150px;height:150px;animation-delay:7s}.bg-animation li:nth-child(8) {left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.bg-animation li:nth-child(9) {left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.bg-animation li:nth-child(10) {left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}.container{padding:2rem;max-width:1200px;margin:0 auto;z-index:1;position:relative}.app-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--primary-color);text-shadow:2px 2px 4px var(--shadow-color);animation:fadeIn 1s ease-in-out}.action-button{background:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:15px 30px;margin:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 10px 20px rgba(78,84,200,.3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:perspective(1000px)}.action-button:hover{transform:perspective(1000px) translateY(-5px) rotateX(10deg);box-shadow:0 15px 25px rgba(78,84,200,.4);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.action-button:active{transform:perspective(1000px) translateY(2px);box-shadow:0 5px 10px rgba(78,84,200,.2)}.action-button i{margin-right:10px;font-size:1.2rem;transition:transform .3s ease}.action-button:hover i{transform:translateZ(20px)}.button-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:2rem 0}.card-3d{background:#fff;border-radius:var(--card-radius);padding:2rem;margin:1rem 0;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all var(--transition-speed) ease;transform-style:preserve-3d;transform:perspective(1000px)}.card-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg);box-shadow:0 15px 35px rgba(0,0,0,.2)}.modal{z-index:1050!important}.modal-backdrop{z-index:0!important}.modal-content{border:none;border-radius:var(--card-radius);box-shadow:0 15px 35px rgba(0,0,0,.2);overflow:hidden;z-index:1051!important;pointer-events:auto!important;position:relative;transform:none!important;animation:none!important}.modal-dialog{pointer-events:auto!important;z-index:1051!important}.modal-header{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border-bottom:none;padding:1.5rem;border-radius:var(--card-radius) var(--card-radius) 0 0}.modal-body{padding:2rem}.modal-footer{border-top:none;padding:1.5rem;background:var(--light-bg);border-radius:0 0 var(--card-radius) var(--card-radius)}.btn-close{color:#fff;opacity:.8;transition:opacity .3s ease;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important}.btn-close:hover{opacity:1}.checkbox-container{margin:1.5rem 0;padding:1rem;border-radius:10px;background:var(--light-bg);transition:all var(--transition-speed) ease;box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;align-items:center}.checkbox-container:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.form-check-input{width:1.5em;height:1.5em;margin-right:1rem;cursor:pointer;position:relative;transition:all .3s ease}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);animation:checkmark .3s ease-in-out}.form-check-label{font-size:1.1rem;font-weight:500;cursor:pointer}@keyframes checkmark {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}.btn{border-radius:50px;padding:.6rem 1.5rem;font-weight:600;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 5px 15px rgba(78,84,200,.3)}.btn-primary:hover{background:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 8px 20px rgba(78,84,200,.4);transform:translateY(-2px)}.btn-secondary{background:#6c757d;border-color:#6c757d;box-shadow:0 5px 15px rgba(108,117,125,.3)}.btn-secondary:hover{background:#5a6268;border-color:#5a6268;box-shadow:0 8px 20px rgba(108,117,125,.4);transform:translateY(-2px)}@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: perspective(1000px) rotateX(-10deg) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: perspective(1000px) rotateX(0) translateY(0);
  }
}.loading-spinner{width:40px;height:40px;border:4px solid rgba(78,84,200,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}@media (max-width:768px){.button-container{flex-direction:column;align-items:center}.action-button{width:100%;max-width:300px}.app-title{font-size:2rem}}.toast-success{background-color:var(--success-color)!important}.toast-error{background-color:var(--danger-color)!important}.toast-warning{background-color:var(--warning-color)!important}.hover-effect{transition:all var(--transition-speed) ease}.hover-effect:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s , opacity 1s}.ripple:active:after{transform:scale(0,0);opacity:.3;transition:0s}