:root{--primary:#0077be;--primary-light:#4a9fd8;--primary-dark:#005a94;--secondary:#00a86b;--secondary-light:#33c089;--secondary-dark:#008557;--accent:#ff6b35;--accent-light:#ff8f6b;--background:#f5f7fa;--surface:#fff;--surface-light:#fafbfc;--text:#1a2332;--text-secondary:#6b7785;--text-light:#9ba5b3;--success:#00d4aa;--warning:#ffb020;--error:#ff4757;--info:#0077be;--border:#e1e8ed;--border-light:#f0f3f7;--overlay:#1a233280;--overlay-light:#1a233233;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:999px;--shadow-sm:0 1px 2px #1a23321a;--shadow-md:0 2px 4px #1a233226;--shadow-lg:0 4px 8px #1a233233;--shadow-xl:0 8px 16px #1a233240;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.75;line-height:var(--line-height-relaxed);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:#1a2332;color:var(--text)}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.25;line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-3xl);margin-bottom:24px;margin-bottom:var(--spacing-lg)}h2{font-size:1.875rem;font-size:var(--font-size-2xl)}h2,h3{margin-bottom:16px;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;font-size:var(--font-size-xl)}h4{font-size:1.25rem;font-size:var(--font-size-lg)}h4,h5{font-weight:600;font-weight:var(--font-weight-semibold)}h5{font-size:1.125rem;font-size:var(--font-size-md)}h6{font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}h6,p{font-size:1rem;font-size:var(--font-size-base)}p{color:#1a2332;color:var(--text);line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:16px;margin-bottom:var(--spacing-md)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-md{font-size:1.125rem;font-size:var(--font-size-md)}.text-lg{font-size:1.25rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.5rem;font-size:var(--font-size-xl)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.leading-tight{line-height:1.25;line-height:var(--line-height-tight)}.leading-normal{line-height:1.5;line-height:var(--line-height-normal)}.leading-relaxed{line-height:1.75;line-height:var(--line-height-relaxed)}.text-muted{color:#6b7785;color:var(--text-secondary)}.text-light{color:#9ba5b3;color:var(--text-light)}a{color:#0077be;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#005a94;color:var(--primary-dark)}.btn{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:8px;line-height:1.25;line-height:var(--line-height-tight);padding:12px 24px;transition:all .15s ease-in-out;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:#0077be}.btn-primary:hover{background-color:#005a94;background-color:var(--primary-dark);box-shadow:0 2px 4px #1a233226;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);color:#1a2332;color:var(--text)}.btn-secondary:hover{background-color:#fafbfc;background-color:var(--surface-light);border-color:#6b7785;border-color:var(--text-secondary)}.btn-accent{background-color:#ff6b35}.btn-accent:hover{background-color:#ff8f6b;background-color:var(--accent-light);box-shadow:0 2px 4px #1a233226;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:8px 16px}.btn-lg{font-size:1.125rem;padding:14px 28px}.btn-block{width:100%}.form-group{margin-bottom:24px}.form-label{color:#1a2332;color:var(--text);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.01em;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#1a2332;color:var(--text);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#9ba5b3;color:var(--text-light);font-size:.875rem;font-size:var(--font-size-sm)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0077be;border-color:var(--primary);box-shadow:0 0 0 3px #4a9fd8;box-shadow:0 0 0 3px var(--primary-light);outline:none}.card{background:#fff;border:1px solid #f0f3f7;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 2px #1a23321a;box-shadow:var(--shadow-sm);padding:24px}code{background-color:#fafbfc;background-color:var(--surface-light);border-radius:8px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:.9em;padding:2px 6px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fafbfc;background:var(--surface-light)}::-webkit-scrollbar-thumb{background:#e1e8ed;background:var(--border);border-radius:999px;border-radius:var(--radius-round)}::-webkit-scrollbar-thumb:hover{background:#9ba5b3;background:var(--text-light)}@media (max-width:768px){:root{--font-size-3xl:2rem;--font-size-4xl:2.5rem}h1{font-size:2.25rem;font-size:var(--font-size-3xl)}h2{font-size:1.875rem;font-size:var(--font-size-2xl)}h3{font-size:1.5rem;font-size:var(--font-size-xl)}body{font-size:1rem;font-size:var(--font-size-base);line-height:1.75;line-height:var(--line-height-relaxed)}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:38px}a,button,input[type=button],input[type=submit]{min-height:44px}}body,html{max-width:100vw;overflow-x:hidden;position:relative}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:768px){.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;font-size:16px}}:focus-visible{border-radius:2px;outline:2px solid #0077be;outline:2px solid var(--primary);outline-offset:2px}.btn:focus-visible,button:focus-visible{outline:3px solid #0077be;outline:3px solid var(--primary);outline-offset:2px}.skip-to-main{background:#0077be;background:var(--primary);border-radius:12px;border-radius:var(--radius-md);color:#fff;left:-9999px;padding:1rem;position:absolute;text-decoration:none;z-index:999}.skip-to-main:focus{left:50%;top:1rem;transform:translateX(-50%)}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fafbfc 25%,#f0f3f7 50%,#fafbfc 75%);background:linear-gradient(90deg,var(--surface-light) 25%,var(--border-light) 50%,var(--surface-light) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.container{margin:0 auto;max-width:1200px}.container,.container-fluid{padding:0 24px;padding:0 var(--spacing-lg)}.container-fluid{width:100%}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.m-0{margin:0}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.container,.container-fluid{padding:0 16px;padding:0 var(--spacing-md)}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}}.about-page{background:#f4f1ec;min-height:100vh}.about-hero{background:linear-gradient(160deg,#0f4c5c,#1b2838);color:#fff;padding:80px 24px 60px;text-align:center}.about-hero-content{margin:0 auto;max-width:640px}.about-hero h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.tagline{font-size:1.25rem;opacity:.9}.about-container{margin:0 auto;max-width:960px;padding:48px 24px}.about-section{margin-bottom:64px}.about-section h2{color:#1b2838;font-size:1.75rem;font-weight:700;margin-bottom:16px;text-align:center}.mission-text{color:#1b2838;font-size:1.125rem;line-height:1.7;margin:0 auto 32px;max-width:640px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 auto;max-width:400px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #1b283814;padding:24px;text-align:center}.stat-value{color:#0f4c5c;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#8fa3ad;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.download-app-section{text-align:center}.download-app-section p{color:#8fa3ad;margin-bottom:24px}.download-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn{border-radius:12px;display:inline-block;font-size:1rem;padding:14px 28px;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:#e8925c}.btn-secondary{background:#fff;border:2px solid #0f4c5c;color:#0f4c5c}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #1b283814;padding:24px}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-card h3{color:#1b2838;font-size:1.125rem;font-weight:600;margin-bottom:8px}.feature-card p{color:#8fa3ad;font-size:.9375rem;line-height:1.5}.contact-section{background:#0f4c5c;border-radius:16px;color:#fff;padding:40px 32px;text-align:center}.contact-section h2{color:#fff}.contact-section p{margin-bottom:24px;opacity:.9}.contact-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-buttons .btn-primary{background:#e8925c}.contact-buttons .btn-secondary{background:#0000;border-color:#ffffff80;color:#fff}.version-info{border-top:1px solid #e1e8ed;color:#8fa3ad;font-size:.875rem;padding-top:24px;text-align:center}.copyright{margin-top:4px;opacity:.7}.legal-links-footer{margin-top:8px}.legal-links-footer a{color:#0f4c5c;text-decoration:none}.legal-links-footer a:hover{text-decoration:underline}@media (max-width:768px){.about-hero{padding:60px 20px 40px}.about-hero h1{font-size:2.25rem}.about-container{padding:32px 16px}.download-buttons{align-items:stretch;flex-direction:column}.btn{text-align:center;width:100%}}.legal-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.legal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:900px;padding:40px}.back-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#5568d3;transform:translateX(-5px)}.legal-container h1{color:#1a1a1a;font-size:36px;font-weight:700;margin:0 0 10px}.last-updated{border-bottom:2px solid #eee;color:#666;font-size:14px;font-style:italic;margin:0 0 30px;padding-bottom:20px}.legal-section{margin:30px 0}.legal-section h2{border-top:1px solid #eee;color:#667eea;font-size:24px;font-weight:700;margin:30px 0 15px;padding-top:20px}.legal-section:first-of-type h2{border-top:none;padding-top:0}.legal-section h3{color:#333;font-size:18px;font-weight:600;margin:20px 0 10px}.legal-section p{color:#444;font-size:15px;line-height:1.8;margin:12px 0}.legal-section ul{margin:15px 0;padding-left:25px}.legal-section li{color:#444;font-size:15px;line-height:1.8;margin:8px 0}.legal-section strong{color:#1a1a1a;font-weight:600}.legal-section a{border-bottom:1px solid #0000;color:#667eea;font-weight:600;text-decoration:none;transition:border-color .3s ease}.legal-section a:hover{border-bottom-color:#667eea}.legal-footer{border-top:2px solid #eee;margin-top:40px;padding-top:30px;text-align:center}.legal-footer p{color:#666;font-size:15px;margin:10px 0}.legal-footer strong{color:#667eea;font-size:16px}@media (max-width:768px){.legal-page{padding:20px 10px}.legal-container{border-radius:12px;padding:30px 20px}.legal-container h1{font-size:28px}.legal-section h2{font-size:20px}.legal-section h3{font-size:16px}.legal-section li,.legal-section p{font-size:14px}}@media (max-width:480px){.legal-container{padding:20px 15px}.legal-container h1{font-size:24px}.legal-section h2{font-size:18px}}.deletion-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin:30px 0;padding:30px}.deletion-form h2{color:#1a1a1a;font-size:24px;margin-top:0}.deletion-form h2,.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.form-group small{color:#6c757d;font-size:13px;margin-top:6px}.form-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin:20px 0;padding:15px}.form-warning strong{display:block;font-size:15px;margin-bottom:5px}.delete-button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 32px;transition:all .3s ease;width:100%}.delete-button:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.delete-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:2px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 16px}.success-message{padding:40px 20px;text-align:center}.success-icon{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-message h2{color:#28a745;font-size:28px;margin:20px 0}.success-message p{color:#333;font-size:16px;line-height:1.6;margin:15px 0}.primary-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 32px;transition:all .3s ease}.primary-button:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.contact-section{background:#e7f3ff;border-left:4px solid #667eea;border-radius:8px;margin-top:30px;padding:20px}.contact-section h3{color:#667eea;margin-top:0}.contact-section a{color:#667eea;font-weight:600;text-decoration:none}.contact-section a:hover{text-decoration:underline}.App{background:var(--background);display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:var(--spacing-sm);height:50px;justify-content:center;padding:0 var(--spacing-lg);text-align:center;text-decoration:none;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-dark)}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:#e85a28}.btn-success{background-color:var(--success);color:#fff}.btn-warning{background-color:var(--warning);color:#fff}.btn-danger{background-color:var(--error);color:#fff}.btn-link{background:#0000;box-shadow:none;font-weight:500;text-decoration:none}.btn-link:hover:not(:disabled){color:var(--primary-dark);text-decoration:underline}.btn-sm{font-size:14px;height:40px;padding:0 var(--spacing-md)}.btn-lg{font-size:18px;height:56px;padding:0 var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:16px;height:50px;padding:0 var(--spacing-md);transition:all var(--transition-base);width:100%}.form-group textarea{height:auto;min-height:100px;padding:var(--spacing-md);resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);border-width:2px;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group small{color:var(--text-secondary);display:block;font-size:12px;line-height:1.4;margin-top:var(--spacing-sm)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-title{color:var(--text);font-size:20px;font-weight:600;margin-bottom:var(--spacing-xs)}.card-subtitle{font-size:14px}.card-subtitle,.loading{color:var(--text-secondary)}.loading{align-items:center;display:flex;flex-direction:column;font-size:16px;gap:var(--spacing-md);padding:var(--spacing-xxl);text-align:center}.loading:before{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);content:"";height:48px;width:48px}.empty-message{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:16px;padding:var(--spacing-xxl);text-align:center}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background-color:#d1fae5;border-left:4px solid var(--success);color:#065f46}.alert-error{background-color:#ffe5e5;border-left:4px solid var(--error);color:#c41e3a}.alert-warning{background-color:#fff4e5;border-left:4px solid var(--warning);color:#8b5a00}.alert-info{background-color:#e5f2ff;border-left:4px solid var(--info);color:#004b87}.badge{align-items:center;border-radius:var(--radius-round);display:inline-flex;font-size:12px;font-weight:700;padding:var(--spacing-xs) var(--spacing-md)}.badge-primary{background-color:var(--primary);color:#fff}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#fff}.badge-danger{background-color:var(--error);color:#fff}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.error-message{background-color:#ffe5e5;border-left:4px solid var(--error);border-radius:var(--radius-md);color:#c41e3a;margin:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.error-message a{color:var(--primary);font-weight:600;text-decoration:underline}.no-data{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:16px;padding:var(--spacing-xxl);text-align:center}.logo-small{height:100px!important;max-height:100px!important;max-width:100px!important;width:100px!important}.login-container{align-items:center;background:#0000;background-image:none;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-box{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.logo-circle{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 8px 16px #0077be33;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.logo-circle.success{background:var(--success);box-shadow:0 8px 16px #22c55e33}.logo-circle.error{background:var(--error);box-shadow:0 8px 16px #ef444433}.logo-icon{color:#fff;font-size:40px;height:60px;object-fit:contain;width:60px}img.logo-icon{height:200px;object-fit:contain;width:200px}.logo-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-header h1{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.success-message{color:var(--text);font-size:var(--font-size-base);margin-top:var(--spacing-md)}.success-message strong{color:var(--primary);font-weight:var(--font-weight-semibold)}.error-message{color:var(--error);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md)}.info-box{background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg);text-align:center}.info-box p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.info-box p:last-child{margin-bottom:0}.info-box .text-sm{color:var(--text-light);font-size:var(--font-size-xs)}.login-form{display:flex;flex-direction:column;gap:24px}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);font-size:1.1rem;left:16px;position:absolute;z-index:1}.input-with-icon .form-input{height:48px;padding-left:48px;padding-right:48px}.toggle-password{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:4px;position:absolute;right:12px;transition:color var(--transition-fast)}.toggle-password:hover{color:var(--primary)}.forgot-password-link{display:flex;justify-content:flex-end;margin-top:8px}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0}.btn-link:hover{text-decoration:underline}.btn-lg{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:48px}.login-footer{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:32px;padding-top:24px;text-align:center}.login-footer p{margin:8px 0}.login-footer a{color:var(--primary);font-weight:600}.login-footer a:hover{text-decoration:underline}.login-footer .legal-links{font-size:12px;margin-top:12px}.login-footer .legal-links a{color:var(--text-secondary);font-weight:400}.login-footer .legal-links a:hover{color:var(--primary)}.auth-footer{margin-top:24px;text-align:center}.auth-footer .link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:color var(--transition-fast)}.auth-footer .link:hover{color:var(--primary);text-decoration:none}.form-actions{margin-top:var(--spacing-md)}.password-strength{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bar{border-radius:2px;flex:1 1;height:4px;transition:all .3s ease}.password-strength span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:80px;text-align:right}@media (max-width:480px){.login-container{min-height:100vh;min-height:-webkit-fill-available;padding:var(--spacing-md)}.login-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.logo-circle{height:64px;margin-bottom:var(--spacing-lg);width:64px}.logo-icon{font-size:32px}.login-header{margin-bottom:var(--spacing-lg)}.login-header h1{font-size:1.5rem}.login-header p{font-size:.9rem}.login-form{gap:var(--spacing-lg)}.input-with-icon .form-input{font-size:16px;height:48px;padding-left:48px}.input-icon{left:14px}.toggle-password{height:40px;right:14px;width:40px}.btn-lg{font-size:1rem;height:48px;min-height:48px}.login-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}}@media (max-width:360px){.login-container{padding:var(--spacing-sm)}.login-box{padding:var(--spacing-md)}.logo-circle{height:56px;width:56px}.logo-icon{font-size:28px}.login-header h1{font-size:1.35rem}}@media (min-width:481px) and (max-width:768px){.login-box{max-width:480px}}@media (min-width:769px){.login-box:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px);transition:all var(--transition-base)}.btn-lg:hover{box-shadow:var(--shadow-lg)}}@media (max-height:600px) and (orientation:landscape){.login-container{padding:var(--spacing-sm)}.login-box{padding:var(--spacing-md) var(--spacing-lg)}.logo-circle{height:48px;margin-bottom:var(--spacing-md);width:48px}.logo-icon{font-size:24px}.login-header{margin-bottom:var(--spacing-md)}.login-form{gap:var(--spacing-md)}.login-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}}.social-login-divider{align-items:center;display:flex;margin:24px 0;text-align:center}.social-login-divider:after,.social-login-divider:before{border-bottom:1px solid var(--border);content:"";flex:1 1}.social-login-divider span{color:var(--text-muted);font-size:14px;font-weight:500;padding:0 16px}@media (prefers-reduced-motion:reduce){.btn-lg:hover,.login-box,.login-box:hover{transform:none;transition:none}}@media (prefers-contrast:high){.login-box{border:2px solid var(--text)}.input-with-icon .form-input:focus{border:2px solid var(--primary)}}
/*# sourceMappingURL=main.589a781b.css.map*/