:root{--primary: #667eea;--primary-dark: #5568d3;--primary-light: #8b9eff;--secondary: #764ba2;--accent: #4caf50;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--info: #2196f3;--bg-primary: #ffffff;--bg-secondary: #fdfdfd;--bg-tertiary: #f1f3f5;--bg-dark: #212529;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--text-light: #ffffff;--border-color: #e0e0e0;--border-light: #f0f0f0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out;--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);--gradient-warning: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);--gradient-danger: linear-gradient(135deg, #f44336 0%, #d32f2f 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:background-color .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.1rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}code{background-color:var(--bg-secondary);color:#d63384;padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}pre{background-color:var(--bg-dark);color:#e0e0e0;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}.text-secondary{color:var(--text-secondary)}.text-info{color:var(--info)}.text-light{color:var(--text-light)}.bg-primary{background-color:var(--bg-primary);color:var(--text-primary)}.bg-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.bg-tertiary{background-color:var(--bg-tertiary);color:var(--text-primary)}.bg-dark{background-color:var(--bg-dark);color:var(--text-light)}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.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)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}button{font-family:inherit;cursor:pointer;transition:var(--transition);border:none;border-radius:var(--radius-md);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn{padding:10px 24px;font-size:.95rem;border-radius:var(--radius-md);transition:var(--transition);border:none;cursor:pointer;font-weight:500}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);opacity:.9}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:6px 16px;font-size:.85rem}.btn-lg{padding:14px 32px;font-size:1.1rem}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:var(--transition);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);transition:var(--transition-fast);font-family:inherit;font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.mat-mdc-button,.mat-mdc-raised-button{border-radius:var(--radius-md)!important;font-family:inherit!important}mat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:fadeInUp .6s ease-out;margin-bottom:var(--spacing-lg);background:#fff!important;transition:var(--transition)}mat-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-light);background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%)}mat-card-title{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}mat-card-subtitle{margin:0;color:var(--text-secondary);font-size:.9rem}.mat-mdc-form-field{width:100%;margin-bottom:var(--spacing-md)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.mt{margin-top:var(--spacing-md)}.mb{margin-bottom:var(--spacing-md)}.ml{margin-left:var(--spacing-md)}.mr{margin-right:var(--spacing-md)}.p{padding:var(--spacing-md)}.pt{padding-top:var(--spacing-md)}.pb{padding-bottom:var(--spacing-md)}.pl{padding-left:var(--spacing-md)}.pr{padding-right:var(--spacing-md)}.w-100{width:100%}.h-100{height:100%}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-secondary)}.bg-primary{background:var(--gradient-primary);color:#fff}.bg-success{background:var(--gradient-success);color:#fff}.bg-warning{background:var(--gradient-warning);color:#fff}.bg-danger{background:var(--gradient-danger);color:#fff}.alert{padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:5px solid;margin-bottom:var(--spacing-lg);animation:slideDown .3s ease-out}.alert-primary{background-color:#667eea1a;border-left-color:var(--primary);color:var(--primary)}.alert-success{background-color:#4caf501a;border-left-color:var(--success);color:var(--success)}.alert-warning{background-color:#ff98001a;border-left-color:var(--warning);color:var(--warning)}.alert-danger{background-color:#f443361a;border-left-color:var(--danger);color:var(--danger)}.loading{animation:pulse 2s ease-in-out infinite}.spinner{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section{padding:var(--spacing-lg) var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}mat-card-header{flex-direction:column;align-items:flex-start}button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}