@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}:root{--primary-500:#3b82f6;--primary-600:#2563eb;--primary-100:#dbeafe;--secondary-500:#ec4899;--neutral-900:#111827;--neutral-700:#374151;--neutral-500:#6b7280;--neutral-300:#d1d5db;--neutral-100:#f3f4f6;--neutral-0:#fff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--primary-color:var(--primary-500);--primary-hover:var(--primary-600);--primary-bg:var(--primary-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--surface-color:var(--neutral-0);--bg-secondary:var(--neutral-100);--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--border-color:var(--neutral-300);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--success-color:var(--success);--success-bg:#d1fae5;--success-border:#a7f3d0;--error-color:var(--error);--error-bg:#fee2e2;--error-border:#fecaca;--warning-color:var(--warning);--warning-bg:#fef3c7;--warning-border:#fde68a;--info-color:var(--primary-500);--info-bg:#dbeafe;--info-border:#bfdbfe;--disabled-color:var(--neutral-300);--font-family:"Inter",sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition:all 200ms ease-in-out;--max-width:1280px;--navbar-height:72px}@supports (color:rgb(0 0 0/0)){:root{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}h1{color:#111827;color:var(--neutral-900);font-size:36px;font-weight:700;line-height:1.2;margin-bottom:24px;margin-bottom:var(--space-3)}h2{font-size:24px;font-weight:700;line-height:1.3}h2,h3{color:#111827;color:var(--neutral-900);margin-bottom:16px;margin-bottom:var(--space-2)}h3{font-size:20px;font-weight:600;line-height:1.4}.body-lg{font-size:18px}.body-lg,.body-md{color:#374151;color:var(--neutral-700);font-weight:400;line-height:1.6}.body-md{font-size:16px}.caption{color:#6b7280;color:var(--neutral-500);font-size:14px;font-weight:400;line-height:1.5}.label{color:#374151;color:var(--neutral-700);font-size:12px;font-weight:500;letter-spacing:.05em;line-height:1.5;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;gap:var(--space-1);justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.btn-primary{background-color:#3b82f6;background-color:var(--primary-500);color:#fff;color:var(--neutral-0)}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-600);transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6;background-color:var(--neutral-100);border:1px solid #d1d5db;border:1px solid var(--neutral-300);color:#3b82f6;color:var(--primary-500)}.btn-secondary:hover{background-color:#dbeafe;background-color:var(--primary-100);transform:translateY(-1px)}.btn-text{background:none;color:#3b82f6;color:var(--primary-500);padding:8px 16px}.btn-text:hover{color:#2563eb;color:var(--primary-600);text-decoration:underline}.card{background:#fff;background:var(--neutral-0);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-3);transition:all .2s ease-in-out;transition:var(--transition)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:24px;margin-bottom:var(--space-3)}.form-label{color:#374151;color:var(--neutral-700);display:block;font-weight:500;margin-bottom:8px;margin-bottom:var(--space-1)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--neutral-0);border:1px solid #d1d5db;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--neutral-700);font-size:16px;padding:12px 16px;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;border-color:var(--error)}.form-error{color:#ef4444;color:var(--error);font-size:14px;margin-top:8px;margin-top:var(--space-1)}.container{margin:0 auto;max-width:1280px;max-width:var(--max-width);padding:0 16px;padding:0 var(--space-2)}.grid{grid-gap:16px;grid-gap:var(--space-2);display:grid;gap:16px;gap:var(--space-2)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px;gap:var(--space-1)}.gap-2{gap:16px;gap:var(--space-2)}.gap-3{gap:24px;gap:var(--space-3)}.gap-4{gap:32px;gap:var(--space-4)}.m-1{margin:8px;margin:var(--space-1)}.m-2{margin:16px;margin:var(--space-2)}.m-3{margin:24px;margin:var(--space-3)}.m-4{margin:32px;margin:var(--space-4)}.mt-1{margin-top:8px;margin-top:var(--space-1)}.mt-2{margin-top:16px;margin-top:var(--space-2)}.mt-3{margin-top:24px;margin-top:var(--space-3)}.mt-4{margin-top:32px;margin-top:var(--space-4)}.mb-1{margin-bottom:8px;margin-bottom:var(--space-1)}.mb-2{margin-bottom:16px;margin-bottom:var(--space-2)}.mb-3{margin-bottom:24px;margin-bottom:var(--space-3)}.mb-4{margin-bottom:32px;margin-bottom:var(--space-4)}.p-1{padding:8px;padding:var(--space-1)}.p-2{padding:16px;padding:var(--space-2)}.p-3{padding:24px;padding:var(--space-3)}.p-4{padding:32px;padding:var(--space-4)}.pt-1{padding-top:8px;padding-top:var(--space-1)}.pt-2{padding-top:16px;padding-top:var(--space-2)}.pt-3{padding-top:24px;padding-top:var(--space-3)}.pt-4{padding-top:32px;padding-top:var(--space-4)}.pb-1{padding-bottom:8px;padding-bottom:var(--space-1)}.pb-2{padding-bottom:16px;padding-bottom:var(--space-2)}.pb-3{padding-bottom:24px;padding-bottom:var(--space-3)}.pb-4{padding-bottom:32px;padding-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#3b82f6;color:var(--primary-500)}.text-secondary{color:#ec4899;color:var(--secondary-500)}.text-success{color:#10b981;color:var(--success)}.text-error{color:#ef4444;color:var(--error)}.text-warning{color:#f59e0b;color:var(--warning)}.text-neutral-900{color:#111827;color:var(--neutral-900)}.text-neutral-700{color:#374151;color:var(--neutral-700)}.text-neutral-500{color:#6b7280;color:var(--neutral-500)}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--space-2)}h1{font-size:28px}h2{font-size:20px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{font-size:14px;padding:10px 20px}}@media (max-width:480px){.container{padding:0 8px;padding:0 var(--space-1)}h1{font-size:24px}.card{padding:16px;padding:var(--space-2)}}.loading{opacity:.6;pointer-events:none}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#d1d5db 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-300) 50%,var(--neutral-100) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media print{.no-print{display:none!important}}[data-theme=dark]{--text-primary:#f9fafb;--text-secondary:#d1d5db;--surface-color:#1f2937;--bg-secondary:#374151;--border-color:#4b5563;--success-bg:#064e3b;--success-border:#065f46;--error-bg:#7f1d1d;--error-border:#991b1b;--warning-bg:#78350f;--warning-border:#92400e;--info-bg:#1e3a8a;--info-border:#1e40af;--disabled-color:#6b7280}[data-theme=dark] body{background-color:#111827;color:#f9fafb}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f0f0;--text-primary:#333;--text-secondary:#666;--border-color:#ddd;--primary-color:#2196f3;--primary-hover:#1976d2;--shadow-color:#0000001a;--card-bg:#fff;--toast-bg:#fff;--button-bg:#f8f9fa;--button-text:#333;--input-bg:#fff;--success-color:#4caf50;--error-color:#f44336;--info-color:#2196f3;--option-text:#333;--heading-color:#333}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#ccc;--border-color:#404040;--primary-color:#64b5f6;--primary-hover:#42a5f5;--shadow-color:#0000004d;--card-bg:#1e1e1e;--toast-bg:#2d2d2d;--button-bg:#404040;--button-text:#fff;--input-bg:#404040;--success-color:#81c784;--error-color:#e57373;--info-color:#64b5f6;--option-text:#fff;--heading-color:#fff}.app{background:var(--neutral-0);color:var(--neutral-700);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - var(--navbar-height))}.footer{background:var(--neutral-100);border-top:1px solid var(--neutral-300);margin-top:auto;padding:var(--space-4) 0 var(--space-3)}.footer-content{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-3)}.footer-section h3,.footer-section h4{color:var(--neutral-900);font-weight:600;margin-bottom:var(--space-2)}.footer-section h3{font-size:18px}.footer-section h4{font-size:16px}.footer-section p{color:var(--neutral-500);line-height:1.6}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--space-1)}.footer-section ul li a{color:var(--neutral-500);text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--primary-500)}.footer-bottom{border-top:1px solid var(--neutral-300);padding-top:var(--space-3);text-align:center}.footer-bottom p{color:var(--neutral-500);font-size:14px;margin:0}.toast{align-items:center;animation:toast-slide-in .4s cubic-bezier(.4,1.3,.6,1) both;background:var(--neutral-0);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);box-sizing:border-box;color:var(--neutral-900);display:flex;font-size:14px;font-weight:500;gap:var(--space-2);max-width:360px;min-width:220px;overflow:hidden;padding:var(--space-2);position:fixed;right:var(--space-2);top:var(--space-2);width:auto;z-index:1000}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-info{border-left-color:var(--primary-500)}.toast-warning{border-left-color:var(--warning)}.toast-login-success{border-left-color:var(--success)}.toast-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-full);box-shadow:0 2px 8px #3b82f614;color:var(--primary-500);display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;margin-right:var(--space-1);width:24px}.toast-login-success .toast-icon,.toast-success .toast-icon{background:var(--success);color:var(--neutral-0)}.toast-error .toast-icon{background:var(--error);color:var(--neutral-0)}.toast-warning .toast-icon{background:var(--warning);color:var(--neutral-900)}.toast-info .toast-icon{background:var(--primary-100);color:var(--primary-500)}.toast-message{color:var(--neutral-900);flex:1 1;font-size:14px;line-height:1.4;word-break:break-word}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--neutral-500);cursor:pointer;display:flex;justify-content:center;margin-left:var(--space-1);padding:4px;transition:background .2s,color .2s}.toast-close:hover{background:var(--neutral-100);color:var(--primary-500)}.toast-close .material-symbols-outlined{font-size:18px}.toast-progress{animation:toast-progress-bar 3.5s linear forwards;background:linear-gradient(90deg,var(--primary-100),var(--primary-500));border-radius:0 0 var(--radius-md) var(--radius-md);bottom:0;height:3px;left:0;pointer-events:none;position:absolute;width:100%}.toast-login-success .toast-progress,.toast-success .toast-progress{background:linear-gradient(90deg,var(--success) 0,var(--success) 100%)}.toast-error .toast-progress{background:linear-gradient(90deg,var(--error) 0,var(--error) 100%)}.toast-warning .toast-progress{background:linear-gradient(90deg,var(--warning) 0,var(--warning) 100%)}.toast-info .toast-progress{background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-100) 100%)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-progress-bar{0%{width:100%}to{width:0}}@media (max-width:600px){.toast{font-size:14px;left:var(--space-1);max-width:90vw;min-width:0;padding:var(--space-2);right:var(--space-1);width:96vw}.toast-icon{font-size:16px;height:24px;margin-right:var(--space-1);width:24px}}.footer{background:#f7f8fa;border-top:1px solid #e4e6eb;bottom:0;color:#222a36;font-size:1rem;left:0;padding:18px 0 12px;position:relative;width:100%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-nav ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0}.footer-nav a{color:#222a36;font-weight:500;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#7b3fe4;text-decoration:underline}.footer-lang button{background:#e4e6eb;border:none;border-radius:6px;color:#222a36;cursor:pointer;font-weight:600;margin:0 2px;padding:4px 12px;transition:background .2s}.footer-lang button.active,.footer-lang button:hover{background:#7b3fe4;color:#fff}.footer-address{color:#666;font-size:.97rem;margin-top:8px;text-align:center}.footer-address a{color:#7b3fe4;margin-left:6px;text-decoration:none}.footer-address a:hover{text-decoration:underline}@media (max-width:600px){.footer-content,.footer-nav ul{flex-direction:column;gap:8px}.footer-nav ul{align-items:center}}
/*# sourceMappingURL=main.b3fb1ff8.css.map*/