.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideInRight .3s ease;max-width:350px;word-wrap:break-word}.notification-success{background:linear-gradient(45deg,#27ae60,#2ecc71)}.notification-error{background:linear-gradient(45deg,#e74c3c,#c0392b)}.notification-info{background:linear-gradient(45deg,#3498db,#2980b9)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.btn-primary:hover{background:linear-gradient(45deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3);color:#fff;text-decoration:none}.btn-secondary{background:linear-gradient(45deg,#95a5a6,#7f8c8d);color:#fff}.btn-secondary:hover{background:linear-gradient(45deg,#7f8c8d,#6c7b7d);transform:translateY(-2px);box-shadow:0 4px 12px hsla(184,9%,62%,.3);color:#fff;text-decoration:none}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-input{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none}.form-input.error,.form-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:20px 0}.error-icon{font-size:48px;margin-bottom:20px}.error-title{color:#e74c3c;margin-bottom:15px;font-size:24px}.error-message{color:#666;margin-bottom:25px;line-height:1.6}.empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:20px 0}.empty-icon{font-size:64px;margin-bottom:25px;opacity:.7}.empty-title{color:#2c3e50;margin-bottom:15px;font-size:24px}.empty-message{color:#666;margin-bottom:30px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#2c3e50;font-weight:600;line-height:1.3}.text-primary{color:#e74c3c!important}.text-success{color:#27ae60!important}.text-warning{color:#f39c12!important}.text-danger{color:#e74c3c!important}.text-muted{color:#6c757d!important}.shadow-sm{box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.shadow{box-shadow:0 4px 8px rgba(0,0,0,.1)!important}.shadow-lg{box-shadow:0 8px 16px rgba(0,0,0,.15)!important}.rounded{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.scale-in{animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.notification{right:10px;left:10px;max-width:none}.btn{padding:10px 20px;font-size:14px}.card{margin-bottom:15px}.form-input{font-size:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #e74c3c;outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}a:hover,button:hover{text-decoration:none}@media print{.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ddd}}