@charset "UTF-8";:root{--primary: #FF6B2B;--primary-dark: #E5571A;--primary-light: #FF8A57;--secondary: #1E3A8A;--secondary-dark: #152C6B;--secondary-light: #2D52B8;--accent: #10B981;--accent-dark: #059669;--purple: #7C3AED;--yellow: #F59E0B;--rose: #F43F5E;--bg: #F0F4FF;--bg-card: #FFFFFF;--text-dark: #0F172A;--text-medium: #475569;--text-light: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 10px 40px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--gradient-primary: linear-gradient(135deg, #FF6B2B 0%, #FF4500 100%);--gradient-secondary: linear-gradient(135deg, #1E3A8A 0%, #7C3AED 100%);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E3A8A 40%, #7C3AED 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-dark);line-height:1.6;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s ease;cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #ff6b2b59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b2b73}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 15px #1e3a8a4d}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e3a8a66}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#fff3}.btn-lg{padding:14px 32px;font-size:16px;border-radius:var(--radius)}.btn-sm{padding:7px 16px;font-size:13px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-primary{background:#ff6b2b1f;color:var(--primary)}.badge-accent{background:#10b9811f;color:var(--accent)}.badge-secondary{background:#1e3a8a1f;color:var(--secondary)}.badge-yellow{background:#f59e0b1f;color:var(--yellow)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-header .section-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--text-dark)}.section-header .section-title span{color:var(--primary)}.section-header .section-subtitle{font-size:14px;color:var(--text-light);margin-top:4px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-group label{font-size:14px;font-weight:600;color:var(--text-medium)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text-dark);background:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b2b1f}.form-input::placeholder{color:var(--text-light)}.form-input.ng-invalid.ng-touched{border-color:var(--rose)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-light)}.text-medium{color:var(--text-medium)}.fw-600{font-weight:600}.fw-700{font-weight:700}.price-tag{font-size:18px;font-weight:700;color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in-up{animation:fadeInUp .4s ease forwards}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-medium);margin-bottom:8px}.empty-state p{font-size:15px;color:var(--text-light);max-width:360px;margin:0 auto 24px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.container{padding:0 16px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header .section-title{font-size:20px}.btn-lg{padding:12px 24px;font-size:15px}}@media (max-width: 480px){.container{padding:0 16px}.section-header .section-title{font-size:18px}}