.app-header[data-v-48ccb6f8]{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 2em;background-color:#fff;color:#000;position:relative}.button-group-container[data-v-48ccb6f8]{--button-padding-x: 16px;--button-padding-y: 10px;--button-font-size: 1rem;--button-fixed-width: 160px;--button-height: 44px;--button-gap: 16px;--hover-dash-padding: 12px;position:absolute;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;width:min(calc(5 * var(--button-fixed-width) + 4 * var(--button-gap) + 2 * var(--hover-dash-padding)),100vw - 16px);box-sizing:border-box}.visible-buttons[data-v-48ccb6f8]{display:flex;gap:var(--button-gap);flex-wrap:nowrap;transition:none;width:calc(5 * var(--button-fixed-width) + 4 * var(--button-gap));justify-content:center;box-sizing:border-box;opacity:1;transition:opacity .16s ease-out}@media(max-width:860px){.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(5){display:none}.visible-buttons[data-v-48ccb6f8]{width:calc(4 * var(--button-fixed-width) + 3 * var(--button-gap))}}@media(max-width:680px){.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(4),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(5){display:none}.visible-buttons[data-v-48ccb6f8]{width:calc(3 * var(--button-fixed-width) + 2 * var(--button-gap))}}@media(max-width:500px){.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(3),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(4),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(5){display:none}.visible-buttons[data-v-48ccb6f8]{width:calc(2 * var(--button-fixed-width) + 1 * var(--button-gap))}}@media(max-width:340px){.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(2),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(3),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(4),.visible-buttons .header-button[data-v-48ccb6f8]:nth-child(5){display:none}.visible-buttons[data-v-48ccb6f8]{width:var(--button-fixed-width)}}.hover-dash[data-v-48ccb6f8]{display:flex;position:absolute;top:calc(-1 * var(--hover-dash-padding) - 2px);background-color:#fff;padding:var(--hover-dash-padding);border-radius:24px;box-shadow:0 5px 15px #0000004d;flex-wrap:wrap;justify-content:center;gap:var(--button-gap);width:min(calc(5 * var(--button-fixed-width) + 4 * var(--button-gap) + 2 * var(--hover-dash-padding)),100vw - 16px);max-width:100vw;box-sizing:border-box;opacity:0;transition:opacity .16s ease-out;pointer-events:none;z-index:101}.hover-dash .header-button[data-v-48ccb6f8]:nth-child(-n+4),.hover-dash .header-button[data-v-48ccb6f8]:nth-child(n+6):nth-child(-n+9){margin-right:unset}.button-group-container.open .visible-buttons[data-v-48ccb6f8]{opacity:0;pointer-events:none}.button-group-container.open .hover-dash[data-v-48ccb6f8]{opacity:1;pointer-events:auto}.header-button[data-v-48ccb6f8]{background-color:#fff;color:#000;border:none;border-radius:24px;padding:0 var(--button-padding-x);font-size:var(--button-font-size);font-family:Arial,sans-serif;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:box-shadow .2s ease-in-out;text-decoration:none;width:var(--button-fixed-width);height:var(--button-height);min-width:unset;display:flex;align-items:center;justify-content:center;text-align:center;flex:0 0 var(--button-fixed-width);box-sizing:border-box}.hover-dash .header-button[data-v-48ccb6f8]{width:var(--button-fixed-width);height:var(--button-height);display:flex;align-items:center;justify-content:center;flex:0 0 var(--button-fixed-width)}.header-button[data-v-48ccb6f8]:hover{box-shadow:0 4px 8px #0003}.triangle-button[data-v-48ccb6f8]{background:transparent;border:none;cursor:pointer;padding:0;box-shadow:none;filter:none;border-radius:0;transition:none;height:calc(var(--button-height) * .38);min-height:unset}.triangle-button .triangle-icon[data-v-48ccb6f8]{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));transition:filter .2s ease-in-out}.triangle-button:hover .triangle-icon[data-v-48ccb6f8]{filter:drop-shadow(0 4px 6px rgba(0,0,0,.18)) drop-shadow(0 8px 14px rgba(0,0,0,.28))}.triangle-button[data-v-48ccb6f8]:hover,.triangle-button[data-v-48ccb6f8]:focus-visible{box-shadow:none}.triangle-trigger[data-v-48ccb6f8]{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--button-height) + 6px);width:var(--button-fixed-width);opacity:1;transition:opacity .16s ease-out}.circle-button[data-v-48ccb6f8]{display:none;position:absolute;top:var(--hover-dash-padding);right:var(--hover-dash-padding);width:var(--button-height)!important;height:var(--button-height)!important;border-radius:50%;padding:0!important;font-size:1.25rem;font-weight:600;line-height:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex:0 0 var(--button-height)!important;min-width:var(--button-height)!important;min-height:var(--button-height)!important;aspect-ratio:1 / 1;z-index:103}.circle-button[data-v-48ccb6f8]:focus-visible{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}@media(max-width:820px){.hover-dash[data-v-48ccb6f8]{padding-top:calc(var(--hover-dash-padding) + var(--button-height) + 8px)}.circle-button[data-v-48ccb6f8]{display:flex}}.button-group-container.open .triangle-trigger[data-v-48ccb6f8]{opacity:0;pointer-events:none}.logo a[data-v-48ccb6f8]{color:#000;text-decoration:none;font-size:1.5em;font-weight:700;margin-left:0}.app-logo[data-v-48ccb6f8]{height:30px;vertical-align:middle}.main-nav a[data-v-48ccb6f8]{color:#000;text-decoration:none;margin-left:1em}.main-nav a[data-v-48ccb6f8]:hover{text-decoration:underline}@media(max-width:1290px){.app-header[data-v-48ccb6f8]{height:108px}.button-group-container[data-v-48ccb6f8]{top:6px}.logo[data-v-48ccb6f8]{position:absolute;left:50%;transform:translate(-50%);bottom:8px;width:auto}.logo a[data-v-48ccb6f8]{margin-left:0}.app-logo[data-v-48ccb6f8]{height:30px}}.home-page[data-v-ff31893c]{min-height:100vh;display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.home-hero[data-v-ff31893c]{max-width:720px;text-align:center;margin:0 auto}.home-title[data-v-ff31893c]{font-size:2rem;font-weight:700;margin-bottom:1rem}.home-subtitle[data-v-ff31893c]{font-size:1.1rem;color:#4b5563}.home-content[data-v-ff31893c]{max-width:1200px;margin:0 auto;padding:1rem 0}.section-title[data-v-ff31893c]{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.section-text[data-v-ff31893c]{font-size:1rem;color:#374151}.error-text[data-v-ff31893c]{color:#b91c1c}.home-content-layout[data-v-ff31893c]{display:grid;grid-template-columns:minmax(0,2.2fr) auto;gap:1.5rem;margin-top:1.5rem;align-items:flex-start}.articles-column[data-v-ff31893c]{min-width:0}.banners-column[data-v-ff31893c]{min-width:0;display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:max-content;max-width:100%;justify-self:start}.banners-text[data-v-ff31893c]{font-size:.95rem;color:#4b5563;line-height:1.5}.sidebar-banners-stack[data-v-ff31893c]{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.sidebar-banner-card[data-v-ff31893c]{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0f172a1f;display:inline-block;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:auto;max-width:100%;align-self:center}.sidebar-banner-card[data-v-ff31893c]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a40;border-color:#fb923c}.sidebar-banner-card--link[data-v-ff31893c]{text-decoration:none;color:inherit;cursor:pointer}.sidebar-banner-image[data-v-ff31893c]{display:block;width:auto;max-width:100%;height:auto}.articles-stack[data-v-ff31893c]{display:flex;flex-direction:column;gap:1.75rem}.horizontal-banner-message[data-v-ff31893c]{margin-bottom:1rem}.horizontal-banner-card[data-v-ff31893c]{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0f172a1f;display:block;overflow:hidden;max-width:801px;height:200px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;margin:0 auto}.horizontal-banner-card[data-v-ff31893c]:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0f172a2e;border-color:#fb923c}.horizontal-banner-card--link[data-v-ff31893c]{text-decoration:none;color:inherit;cursor:pointer}.horizontal-banner-image[data-v-ff31893c]{width:100%;height:100%;display:block;object-fit:cover}.article-card[data-v-ff31893c]{background-color:#fff;border-radius:1rem;box-shadow:0 2px 6px #0f172a1f;display:grid;grid-template-columns:300px 500px;border:1px solid #e5e7eb;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden;width:800px;height:200px}.article-card[data-v-ff31893c]:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #0f172a40;border-color:#fb923c}.article-card-media[data-v-ff31893c]{display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:0}.article-image[data-v-ff31893c]{width:100%;height:100%;object-fit:cover}.article-body[data-v-ff31893c]{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.article-title[data-v-ff31893c]{font-size:1.1rem;font-weight:600;color:#111827}.article-preview-text[data-v-ff31893c]{font-size:.95rem;color:#4b5563;line-height:1.6}.home-footer[data-v-ff31893c]{margin-top:auto;border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center}@media(max-width:1024px){.home-content-layout[data-v-ff31893c]{grid-template-columns:1fr}.banners-column[data-v-ff31893c]{display:none}.article-card[data-v-ff31893c]{grid-template-columns:1fr;width:100%;height:auto}.article-card-media[data-v-ff31893c]{padding:1.5rem}}.footer-text[data-v-ff31893c]{color:#6b7280;font-size:.95rem}.second-page[data-v-c58604da]{min-height:100vh;display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.second-hero[data-v-c58604da]{max-width:720px;text-align:center;margin:0 auto}.second-title[data-v-c58604da]{font-size:2rem;font-weight:700;margin-bottom:1rem}.second-subtitle[data-v-c58604da]{font-size:1.1rem;color:#4b5563}.second-content[data-v-c58604da]{max-width:960px;margin:0 auto;padding:1rem 0}.section-title[data-v-c58604da]{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.section-text[data-v-c58604da]{font-size:1rem;color:#374151}.second-footer[data-v-c58604da]{margin-top:auto;border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center}.footer-text[data-v-c58604da]{color:#6b7280;font-size:.95rem}.admin-header[data-v-2d06a883]{display:flex;align-items:center;justify-content:space-between;background-color:#1f2937;color:#fff;padding:1rem 1.5rem;gap:1rem;flex-wrap:wrap}.brand[data-v-2d06a883]{display:flex;align-items:center;gap:.75rem}.logo[data-v-2d06a883]{font-size:1.125rem;font-weight:600}.nav[data-v-2d06a883]{display:flex;flex:1;justify-content:center;gap:.5rem;flex-wrap:wrap}.nav-link[data-v-2d06a883]{color:#d1d5db;text-decoration:none;padding:.5rem .75rem;border-radius:.375rem;transition:background-color .2s ease,color .2s ease;font-size:.95rem}.nav-link[data-v-2d06a883]:hover,.nav-link.active[data-v-2d06a883]{background-color:#374151;color:#fff}.logout-button[data-v-2d06a883]{background-color:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.logout-button[data-v-2d06a883]:hover:not(:disabled){background-color:#b91c1c}.logout-button[data-v-2d06a883]:disabled{background-color:#6b7280;cursor:not-allowed}@media(max-width:768px){.admin-header[data-v-2d06a883]{flex-direction:column;align-items:stretch}.nav[data-v-2d06a883]{justify-content:flex-start}.logout-button[data-v-2d06a883]{align-self:flex-end}}.admin-layout[data-v-2fb19002]{display:flex;flex-direction:column;min-height:100vh;background-color:#f3f4f6}.admin-main[data-v-2fb19002]{flex:1;padding:1.5rem}.admin-content[data-v-2fb19002]{max-width:1400px;margin:0 auto}@media(max-width:768px){.admin-main[data-v-2fb19002]{padding:1rem}}.articles[data-v-b4309f36]{display:flex;flex-direction:column;gap:2rem}.article-form[data-v-b4309f36]{display:grid;grid-template-columns:320px 1fr;gap:2rem;background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.image-section[data-v-b4309f36]{display:flex;flex-direction:column;gap:1rem}.section-subtitle[data-v-b4309f36]{font-size:.95rem;font-weight:600;color:#111827}.image-preview[data-v-b4309f36]{width:100%;height:200px;border:2px dashed #e5e7eb;border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview[data-v-b4309f36]{width:100%;height:100%;object-fit:cover}.preview-placeholder[data-v-b4309f36]{color:#9ca3af;font-size:.95rem}.add-image-button[data-v-b4309f36]{background-color:#3b82f6;color:#fff;padding:.75rem;border-radius:.75rem;text-align:center;cursor:pointer;transition:background-color .2s ease}.add-image-button[data-v-b4309f36]:hover{background-color:#2563eb}.hidden-input[data-v-b4309f36]{display:none}.form-fields[data-v-b4309f36]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-b4309f36]{display:flex;flex-direction:column;gap:.5rem}.input-wrapper[data-v-b4309f36]{position:relative}.input[data-v-b4309f36]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input[data-v-b4309f36]:focus,.textarea[data-v-b4309f36]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.textarea[data-v-b4309f36]{width:100%;min-height:150px;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;resize:vertical}.char-counter[data-v-b4309f36]{position:absolute;left:0;bottom:-1.5rem;font-size:.85rem;color:#6b7280}.form-actions[data-v-b4309f36]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.messages[data-v-b4309f36]{flex:1}.error[data-v-b4309f36]{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:.5rem;font-size:.9rem}.success[data-v-b4309f36]{background-color:#dcfce7;color:#166534;padding:.75rem;border-radius:.5rem;font-size:.9rem}.loading[data-v-b4309f36]{color:#4b5563}.empty-state[data-v-b4309f36]{color:#6b7280;text-align:center}.add-button[data-v-b4309f36]{background-color:#10b981;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-button[data-v-b4309f36]:hover:not(:disabled){background-color:#059669}.add-button[data-v-b4309f36]:disabled{background-color:#9ca3af;cursor:not-allowed}.existing-articles[data-v-b4309f36]{display:flex;flex-direction:column;gap:1rem}.article-controls[data-v-b4309f36]{display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb;padding:1rem 1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.subsection-title[data-v-b4309f36]{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.bulk-controls[data-v-b4309f36]{display:flex;align-items:center;gap:1rem}.select-all[data-v-b4309f36]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#374151}.checkbox[data-v-b4309f36]{width:16px;height:16px}.bulk-delete[data-v-b4309f36]{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.bulk-delete[data-v-b4309f36]:hover:not(:disabled){background-color:#dc2626}.bulk-delete[data-v-b4309f36]:disabled{background-color:#9ca3af;cursor:not-allowed}.articles-list[data-v-b4309f36]{display:grid;gap:1rem}.existing-article[data-v-b4309f36]{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014}.article-checkbox[data-v-b4309f36]{display:flex;align-items:center}.article-preview[data-v-b4309f36]{display:flex;gap:1rem;flex:1;align-items:center}.article-image[data-v-b4309f36]{width:150px;height:120px;object-fit:cover;border-radius:.75rem}.article-content[data-v-b4309f36]{flex:1;display:flex;flex-direction:column;gap:.5rem}.article-header[data-v-b4309f36]{font-size:1.125rem;font-weight:600;color:#1f2937}.article-text[data-v-b4309f36]{color:#4b5563;font-size:.95rem;line-height:1.5}.article-date[data-v-b4309f36]{color:#6b7280;font-size:.85rem}.delete-button[data-v-b4309f36]{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.delete-button[data-v-b4309f36]:hover{background-color:#dc2626}@media(max-width:1200px){.article-form[data-v-b4309f36]{grid-template-columns:1fr}}@media(max-width:768px){.article-controls[data-v-b4309f36]{flex-direction:column;gap:1rem;align-items:flex-start}.existing-article[data-v-b4309f36]{flex-direction:column;align-items:stretch}.article-preview[data-v-b4309f36]{flex-direction:column;align-items:flex-start}.article-image[data-v-b4309f36]{width:100%;height:200px}}.banner-section[data-v-7df94fb0]{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem}.section-header[data-v-7df94fb0]{display:flex;justify-content:space-between;align-items:center}.section-title[data-v-7df94fb0]{margin:0;font-size:1.35rem;font-weight:600;color:#111827}.banner-form[data-v-7df94fb0]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-7df94fb0]{display:flex;flex-direction:column;gap:.75rem}.form-group label[data-v-7df94fb0]{font-weight:500;color:#1f2937}.image-preview[data-v-7df94fb0]{border:1px dashed #d1d5db;border-radius:.75rem;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview[data-v-7df94fb0]{max-width:100%;max-height:100%;object-fit:contain}.preview-placeholder[data-v-7df94fb0]{color:#9ca3af;font-size:.9rem}.add-image[data-v-7df94fb0]{background-color:#3b82f6;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.add-image[data-v-7df94fb0]:hover{background-color:#2563eb}.hidden-input[data-v-7df94fb0]{display:none}.input[data-v-7df94fb0]{padding:.65rem .85rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.input[data-v-7df94fb0]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.form-actions[data-v-7df94fb0]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.messages[data-v-7df94fb0]{flex:1}.error[data-v-7df94fb0]{color:#dc2626;background-color:#fee2e2;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem}.success[data-v-7df94fb0]{color:#166534;background-color:#dcfce7;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem}.loading[data-v-7df94fb0]{color:#4b5563}.submit[data-v-7df94fb0]{background-color:#ff4d00;color:#fff;border:none;padding:.65rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit[data-v-7df94fb0]:hover:not(:disabled){background-color:#e64500}.submit[data-v-7df94fb0]:disabled{background-color:#9ca3af;cursor:not-allowed}.banners-list[data-v-7df94fb0]{display:flex;flex-direction:column;gap:1rem}.banner-card[data-v-7df94fb0]{display:flex;flex-direction:column;gap:.75rem;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;background-color:#f9fafb}.banner-image[data-v-7df94fb0]{width:100%;border-radius:.5rem;background-color:#fff;object-fit:contain}.banner-meta[data-v-7df94fb0]{display:flex;flex-direction:column;gap:.35rem}.banner-url[data-v-7df94fb0]{font-size:.9rem;color:#374151;display:flex;flex-wrap:wrap;gap:.35rem}.banner-url a[data-v-7df94fb0]{color:#2563eb;text-decoration:none}.banner-date[data-v-7df94fb0]{font-size:.85rem;color:#6b7280}.delete[data-v-7df94fb0]{align-self:flex-start;background-color:#ef4444;color:#fff;border:none;padding:.45rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.delete[data-v-7df94fb0]:hover{background-color:#dc2626}.empty[data-v-7df94fb0]{text-align:center;color:#6b7280;padding:1.5rem 0}.banner-section.horizontal[data-v-7df94fb0]{background-color:#fff7f2}.banner-section.sidebar[data-v-7df94fb0]{background-color:#f5f7ff}@media(max-width:640px){.banner-section[data-v-7df94fb0]{padding:1.25rem}.banner-form[data-v-7df94fb0]{gap:1rem}}.dashboard[data-v-e6af9437]{display:flex;flex-direction:column;gap:2rem}.top-section[data-v-e6af9437]{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:1.5rem;align-items:flex-start}.main-content[data-v-e6af9437]{min-width:0}.sidebar[data-v-e6af9437]{position:sticky;top:1.5rem}.bottom-section[data-v-e6af9437]{min-width:0}@media(max-width:1280px){.top-section[data-v-e6af9437]{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1024px){.top-section[data-v-e6af9437]{grid-template-columns:1fr}.sidebar[data-v-e6af9437]{position:static}}.login-container[data-v-6d80686e]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6;padding:1.5rem}.login-card[data-v-6d80686e]{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem 2rem;width:100%;max-width:420px}.title[data-v-6d80686e]{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:#1f2937}.form[data-v-6d80686e]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-6d80686e]{display:flex;flex-direction:column;gap:.5rem}.label[data-v-6d80686e]{font-size:.95rem;font-weight:500;color:#4b5563}.input[data-v-6d80686e]{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input[data-v-6d80686e]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.button[data-v-6d80686e]{padding:.75rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.button[data-v-6d80686e]:hover:not(:disabled){background-color:#374151}.button[data-v-6d80686e]:disabled{background-color:#9ca3af;cursor:not-allowed}.error[data-v-6d80686e]{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:.5rem;font-size:.9rem}@media(max-width:640px){.login-card[data-v-6d80686e]{padding:2rem 1.5rem}}