#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#2c3e50}:root{--primary: #667eea;--primary-dark: #764ba2;--secondary: #4CAF50;--accent: #FFD700;--danger: #e74c3c;--warning: #f39c12;--info: #3498db;--success: #2ecc71;--dark: #2c3e50;--light: #ecf0f1;--card-bg: rgba(255, 255, 255, .1);--text-primary: #2c3e50;--text-secondary: #7f8c8d;--border: rgba(255, 255, 255, .2);--shadow: 0 4px 20px rgba(0, 0, 0, .1)}.glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shadow{box-shadow:var(--shadow)}.rounded{border-radius:12px}.text-center{text-align:center}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-success{color:var(--success)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;text-decoration:none;transition:all .3s ease;font-size:.9rem}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-secondary{background:linear-gradient(45deg,var(--secondary),#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.btn-secondary:hover{box-shadow:0 6px 20px #4caf5066}.btn-danger{background:linear-gradient(45deg,var(--danger),#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.btn-danger:hover{box-shadow:0 6px 20px #e74c3c66}.btn-outline{background:transparent;border:2px solid var(--border);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:15px 30px;font-size:1.1rem}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea33}.form-input::placeholder{color:#fff9}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;cursor:pointer}.form-select option{background:var(--dark);color:#fff}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.card-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.card-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.card-body{color:#ffffffe6;line-height:1.6}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200px 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{padding:8px 16px;font-size:.85rem}.card{padding:15px}}@media (max-width: 480px){.btn{padding:6px 12px;font-size:.8rem}.card{padding:12px}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}*:focus{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}@media print{*{background:white!important;color:#000!important}}