@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#f8fafc;overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}html *,html *:before,html *:after{box-sizing:inherit}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #64748b;--accent-color: #059669;--danger-color: #dc2626;--danger-dark: #b91c1c;--warning-color: #d97706;--success-color: #16a34a;--success-dark: #15803d;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-width: 1px;--transition: all .2s ease-in-out;--transition-fast: all .15s ease;--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;--spacing-16: 4rem;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--touch-target-min: 44px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.text-h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--gray-900);letter-spacing:-.02em}.text-h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--gray-900);letter-spacing:-.01em}.text-h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--gray-900)}.text-h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--gray-900)}.text-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-600)}.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-700)}.text-body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-600)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--gray-700)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-500)}@media (max-width: 640px){.text-h1{font-size:var(--font-size-3xl)}.text-h2{font-size:var(--font-size-2xl)}.text-h3{font-size:var(--font-size-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-decoration:none;cursor:pointer;transition:var(--transition);gap:var(--spacing-2);min-height:var(--touch-target-min);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn.btn-primary{background-color:var(--primary-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.btn-secondary{background-color:var(--gray-200);color:var(--gray-700);border:var(--border-width) solid var(--gray-300)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--gray-300);border-color:var(--gray-400)}.btn.btn-secondary:active:not(:disabled){background-color:var(--gray-400)}.btn.btn-success{background-color:var(--success-color);color:#fff}.btn.btn-success:hover:not(:disabled){background-color:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-success:active:not(:disabled){transform:translateY(0)}.btn.btn-danger{background-color:var(--danger-color);color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:var(--danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-danger:active:not(:disabled){transform:translateY(0)}.btn.btn-ghost{background-color:transparent;color:var(--gray-700);border:var(--border-width) solid var(--gray-300)}.btn.btn-ghost:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn.btn-ghost:active:not(:disabled){background-color:var(--gray-100)}.btn.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);min-height:36px}.btn.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);min-height:48px}.btn.btn-icon{padding:var(--spacing-2);min-width:var(--touch-target-min);min-height:var(--touch-target-min);aspect-ratio:1}@media (max-width: 640px){.btn{width:100%;justify-content:center}}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width) solid var(--gray-200);overflow:hidden;transition:var(--transition)}.card.card-elevated{box-shadow:var(--shadow-lg)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card .card-header{padding:var(--spacing-6);border-bottom:var(--border-width) solid var(--gray-200)}.card .card-body{padding:var(--spacing-6)}.card .card-footer{padding:var(--spacing-6);border-top:var(--border-width) solid var(--gray-200);background-color:var(--gray-50)}@media (max-width: 640px){.card .card-header,.card .card-body,.card .card-footer{padding:var(--spacing-4)}}.form-group{margin-bottom:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{display:block;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--gray-700);line-height:var(--line-height-normal)}.form-group input,.form-group textarea,.form-group select{width:100%;max-width:100%;padding:var(--spacing-3) var(--spacing-4);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;line-height:var(--line-height-normal);color:var(--gray-900);background-color:#fff;transition:var(--transition);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--gray-400)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--danger-color)}.form-group input.error:focus,.form-group textarea.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-group textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.form-group .error-message{color:var(--danger-color);font-size:var(--font-size-xs);margin-top:var(--spacing-1);line-height:var(--line-height-normal)}.form-group .form-help{color:var(--gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-1);line-height:var(--line-height-normal)}.form-control{width:100%;max-width:100%;padding:var(--spacing-3) var(--spacing-4);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;line-height:var(--line-height-normal);color:var(--gray-900);background-color:#fff;transition:var(--transition);box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-control:disabled,.form-control.form-control-disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-control::placeholder{color:var(--gray-400)}.form-control.error{border-color:var(--danger-color)}.form-control.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-control-search,.form-control-filter{width:100%;max-width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;background-color:#fff;transition:var(--transition);color:var(--gray-900);box-sizing:border-box}.form-control-search:focus,.form-control-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;background-color:#fff}.form-control-search::placeholder,.form-control-filter::placeholder{color:var(--gray-400)}.form-control-filter{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.loading{display:inline-flex;align-items:center;gap:.5rem}.loading .spinner{width:1rem;height:1rem;border:2px solid var(--gray-300);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}.alert.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert.alert-warning{background-color:#fffbeb;border:1px solid #fed7aa;color:#92400e}.section-padding{padding:var(--spacing-8) var(--spacing-4)}@media (max-width: 640px){.section-padding{padding:var(--spacing-6) var(--spacing-4)}}.section-padding-lg{padding:var(--spacing-12) var(--spacing-4)}@media (max-width: 640px){.section-padding-lg{padding:var(--spacing-8) var(--spacing-4)}}.content-max-width{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media (max-width: 640px){.content-max-width{padding:0 var(--spacing-4)}}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}}@media (max-width: 640px){.container{padding:0 var(--spacing-4)}.btn:not(.btn-icon){width:100%;justify-content:center}body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-weight:600;font-size:12px;color:#fff}.badge-gray{background-color:#6b7280}.badge-blue{background-color:#2563eb}.badge-green{background-color:#16a34a}.badge-red{background-color:#dc2626}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.table-clean{width:100%;border-collapse:collapse}.table-clean thead th{position:sticky;top:0;background:var(--gray-100);z-index:1;padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.table-clean tbody td{padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--gray-900);border-top:var(--border-width) solid var(--gray-200)}.table-clean tbody tr{transition:var(--transition-fast)}.table-clean tbody tr:hover{background-color:var(--gray-50)}.table-row:hover{background:var(--gray-50)}@media (max-width: 768px){.table-responsive thead{display:none}.table-responsive tbody{display:block}.table-responsive tbody tr{display:block;margin-bottom:var(--spacing-4);background:#fff;border:var(--border-width) solid var(--gray-200);border-radius:var(--border-radius);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.table-responsive tbody td{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-2) 0;border:none;text-align:right}.table-responsive tbody td:before{content:attr(data-label);font-weight:var(--font-weight-medium);color:var(--gray-600);text-align:left;margin-right:var(--spacing-4);flex-shrink:0}.table-responsive tbody td:first-child{padding-top:0}.table-responsive tbody td:last-child{padding-bottom:0}}@media (max-width: 768px){.table-mobile-cards{display:none}}.mobile-cards{display:none}@media (max-width: 768px){.mobile-cards{display:block}}.table-sm td,.table-sm th{padding-top:.5rem!important;padding-bottom:.5rem!important}.table-relaxed td,.table-relaxed th{padding:.875rem 1rem!important}.table-separated tbody tr+tr td{border-top:8px solid #ffffff}.table-separated{border-collapse:separate;border-spacing:0}.table-header-shadow thead{box-shadow:0 1px 0 0 var(--gray-200)}.text-right{text-align:right}.text-center{text-align:center}.overflow-x-auto{overflow-x:auto}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.bg-gray-50{background-color:var(--gray-50)}.rounded-lg{border-radius:var(--border-radius-lg)}.border{border-width:1px}.border-gray-200{border-color:var(--gray-200)}.p-4{padding:1rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.pb-4{padding-bottom:1rem}.mt-0\.5{margin-top:.125rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-2{padding-top:.5rem}.border-b{border-bottom-width:1px}.text-2xl{font-size:1.5rem;line-height:2rem}.leading-tight{line-height:1.25}.w-5{width:1.25rem}.h-5{height:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-gray-700{color:var(--gray-700)}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-500{color:var(--gray-500)}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.items-center{align-items:center}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.rounded-md{border-radius:.375rem}.font-semibold{font-weight:600}.bg-white{background-color:#fff}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.items-end{align-items:end}.flex{display:flex}.self-center{align-self:center}.inline{display:inline}.w-4{width:1rem}.h-4{height:1rem}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-16{width:4rem}.h-16{height:4rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-full{width:100%}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-purple-100{background-color:#f3e8ff}.bg-blue-600{background-color:#2563eb}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-to: rgb(37 99 235 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border-t{border-top-width:1px}.border-white{border-color:#fff}.bg-opacity-20{background-color:#fff3}.bg-opacity-30{background-color:#ffffff4d}.border-opacity-20{border-color:#fff3}.border-opacity-30{border-color:#ffffff4d}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.text-white{color:#fff}.text-blue-100{color:#dbeafe}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-purple-600{color:#9333ea}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.hidden{display:none}.block{display:block}.text-left{text-align:left}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mr-2{margin-right:.5rem}.p-2{padding:.5rem}.max-w-4xl{max-width:56rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}}@media (min-width: 768px){.md\:flex{display:flex}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:mt-1{margin-top:.25rem}.md\:mt-12{margin-top:3rem}.md\:gap-8{gap:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:space-x-3>*+*{margin-left:.75rem}.md\:w-12{width:3rem}.md\:h-12{height:3rem}.md\:w-7{width:1.75rem}.md\:h-7{height:1.75rem}.md\:w-8{width:2rem}.md\:h-8{height:2rem}.md\:w-16{width:4rem}.md\:h-16{height:4rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:space-x-3>*+*{margin-left:.75rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:mt-16{margin-top:4rem}.lg\:col-span-1{grid-column:span 1/span 1}}.mr-1\.5{margin-right:.375rem}
