:root{--brand-slate-900: #1A222E;--brand-slate-700: #2C3E50;--brand-slate-500: #5D7285;--accent-cyan-700: #00728A;--accent-cyan-800: #005B6E;--accent-cyan-300: #4DD0E1;--accent-cyan-100: #E0F7FA;--accent-cyan-500: var(--accent-cyan-700);--accent-cyan-600: var(--accent-cyan-800);--overlay-light-15: rgba(255, 255, 255, .15);--overlay-light-25: rgba(255, 255, 255, .25);--neutral-050: #F9FAFB;--neutral-100: #F4F6F8;--neutral-200: #E8ECF0;--neutral-000: #FFFFFF;--neutral-300: #DDE3E9;--neutral-500: #9BA7B3;--success-green: #2ECC71;--success-green-light: #D4EDDA;--success-green-lighter: #A7F3D0;--success-green-dark: #27AE60;--warning-amber: #F1C40F;--warning-amber-light: #FFF3CD;--warning-amber-dark: #D4A706;--warning-yellow: #F0AD4E;--warning-yellow-dark: #d97706;--warning-yellow-light: #fef3c7;--warning-yellow-lighter: #fefce8;--warning-yellow-border: #fef08a;--info-blue: #3b82f6;--info-blue-light: #eff6ff;--info-blue-dark: #1e40af;--info-blue-border: #bfdbfe;--success-green-border: #bbf7d0;--error-red: #E74C3C;--error-red-light: #FADBD8;--error-red-dark: #C0392B;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: var(--shadow-card);--shadow-sm-hover: 0 2px 4px rgba(0, 0, 0, .1);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-success: 0 4px 6px -1px rgba(46, 204, 113, .2);--shadow-success-sm: 0 2px 4px rgba(46, 204, 113, .3);--focus-border-color: var(--accent-cyan-700);--focus-ring-color: rgba(77, 208, 225, .35);--focus-ring-width: 3px;--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--success-focus-ring-color: rgba(46, 204, 113, .25);--success-focus-ring: 0 0 0 var(--focus-ring-width) var(--success-focus-ring-color);--error-focus-ring-color: rgba(231, 76, 60, .25);--error-focus-ring: 0 0 0 var(--focus-ring-width) var(--error-focus-ring-color);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family-base);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--brand-slate-900);background-color:var(--neutral-100)}h1,h2,h3,h4,h5,h6{color:var(--brand-slate-900);line-height:1.2;font-weight:600}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{color:var(--brand-slate-900)}.text-secondary,label,.label{color:var(--brand-slate-500)}small,.hint,.field-hint{font-size:var(--font-size-xs);color:var(--brand-slate-500)}.card{background-color:var(--neutral-000);border:1px solid var(--neutral-300);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-card-hover)}a{color:var(--accent-cyan-700);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan-800);text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--accent-cyan-700);color:var(--neutral-000);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary:hover:not(:disabled){background-color:var(--accent-cyan-800);transform:translateY(-1px);box-shadow:var(--shadow-card-hover);text-decoration:none;color:var(--neutral-000)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--brand-slate-700);color:var(--neutral-000);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-secondary:hover:not(:disabled){background-color:var(--brand-slate-900);transform:translateY(-1px);box-shadow:var(--shadow-card-hover);text-decoration:none;color:var(--neutral-000)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-tertiary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:transparent;color:var(--accent-cyan-700);border:2px solid var(--accent-cyan-700);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-tertiary:hover:not(:disabled){background-color:var(--accent-cyan-100);transform:translateY(-1px);text-decoration:none;color:var(--accent-cyan-800)}.btn-tertiary:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{width:100%;padding:var(--spacing-3);background-color:var(--neutral-000);border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);color:var(--brand-slate-900);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--neutral-500)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus-border-color);box-shadow:var(--focus-ring)}input.valid,textarea.valid,select.valid{border-color:var(--success-green)}input.valid:focus,textarea.valid:focus,select.valid:focus{border-color:var(--success-green);box-shadow:0 0 0 var(--focus-ring-width) #2ecc7140}input.invalid,textarea.invalid,select.invalid,input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:var(--error-red)}input.invalid:focus,textarea.invalid:focus,select.invalid:focus{border-color:var(--error-red);box-shadow:0 0 0 var(--focus-ring-width) #e74c3c40}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-cyan-700);cursor:pointer}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{color:var(--brand-slate-500);font-weight:500;font-size:var(--font-size-sm)}.error-message{background-color:var(--error-red-light);color:var(--error-red-dark);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center}.success-message{background-color:var(--success-green-light);color:var(--success-green-dark);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center}.warning-message{background-color:var(--warning-amber-light);color:var(--warning-amber-dark);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center}.info-box{background-color:var(--accent-cyan-100);border:1px solid var(--accent-cyan-700);border-radius:var(--border-radius-md);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3)}.info-box svg,.info-box i{color:var(--accent-cyan-700);flex-shrink:0}.info-box p{color:var(--brand-slate-700);font-size:var(--font-size-sm);margin:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 640px){.hide-mobile{display:none!important}h1{font-size:var(--font-size-2xl)}}@media (min-width: 641px){.show-mobile{display:none!important}}.loading-placeholder{padding:var(--spacing-8) 0}.loading-placeholder h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8);color:var(--brand-slate-900)}.skeleton-loader{display:flex;flex-direction:column;gap:var(--spacing-4)}.skeleton-bar{height:60px;background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-300) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius-md)}.skeleton-bar--sm{height:40px}.skeleton-bar--lg{height:80px}.skeleton-bar--text{height:20px;width:60%}.skeleton-bar--title{height:32px;width:40%}.skeleton-card{background-color:var(--neutral-000);border:1px solid var(--neutral-300);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-tertiary:hover:not(:disabled){transform:none}}