@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient-blue: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--accent: #06b6d4;--accent-light: #22d3ee;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--dark: #0f172a;--dark-light: #1e293b;--gray: #64748b;--gray-light: #e2e8f0;--gray-lighter: #f1f5f9;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;color:var(--dark);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.2;color:var(--dark);margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.75rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}h5{font-size:1.25rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:1rem;color:var(--gray)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-gradient-blue);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-md)}.btn-secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-ghost{background:var(--gray-lighter);color:var(--dark)}.btn-ghost:hover{background:var(--gray-light)}.btn-success{background:var(--success);color:var(--white);box-shadow:var(--shadow-md)}.btn-success:hover{background:var(--success-light);box-shadow:var(--shadow-lg)}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-lighter)}.card-header h3{margin-bottom:0;color:var(--dark)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}.form-label .required{color:var(--danger);margin-left:.25rem}.form-control{width:100%;padding:.875rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;color:var(--dark);background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius-md);transition:var(--transition);outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-control::placeholder{color:var(--gray)}.form-control:disabled{background:var(--gray-lighter);cursor:not-allowed}select.form-control{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem;appearance:none}textarea.form-control{min-height:120px;resize:vertical}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.9375rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.alert-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.alert-info{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.2)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .spinner{width:50px;height:50px;border-width:4px;border-top-color:var(--white)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-gray{color:var(--gray)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-lighter)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--dark-light)}@media (max-width: 768px){html{font-size:14px}.card{padding:1.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}