@import "https://fonts.googleapis.com/css2?family=Overpass:wght@400;500;600;700&display=swap";:root{--brand-primary:#2563eb;--brand-primary-light:#3b82f6;--brand-primary-dark:#1d4ed8;--brand-primary-lightest:#eff6ff;--brand-primary-lighter:#dbeafe;--brand-primary-dark-dark:#1e40af;--brand-primary-darkest:#1e3a8a;--brand-secondary:#64748b;--brand-secondary-light:#94a3b8;--brand-secondary-dark:#475569;--brand-accent:#f59e0b;--brand-accent-light:#fbbf24;--brand-accent-dark:#d97706;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#d1fae5;--color-success-bg-dark:#064e3b;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#fef3c7;--color-warning-bg-dark:#78350f;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#fee2e2;--color-error-bg-dark:#7f1d1d;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#dbeafe;--color-info-bg-dark:#1e3a8a;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--bg-inverse:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#cbd5e1;--border-light:#e2e8f0;--border-lighter:#f1f5f9;--border-dark:#94a3b8;--header-bg:#fff;--header-text:#0f172a;--footer-bg:#f8fafc;--footer-text:#64748b;--card-bg:#fff;--card-shadow:#0000000d;--nav-active:var(--brand-primary);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:"Overpass", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-mono:"SF Mono", Monaco, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-component:var(--radius-lg);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--header-height:64px;--sidebar-width:220px;--sidebar-width-collapsed:64px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--touch-target-min:44px}[data-theme=dark],html[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#475569;--bg-inverse:#fff;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-primary:#475569;--border-light:#334155;--border-lighter:#1e293b;--border-dark:#64748b;--header-bg:#1e293b;--header-text:#f8fafc;--footer-bg:#0f172a;--footer-text:#94a3b8;--card-bg:#1e293b;--card-shadow:#0000004d;--brand-primary-lightest:#1e3a8a;--brand-primary-lighter:#1e40af;--color-success-bg:#10b98126;--color-warning-bg:#f59e0b26;--color-error-bg:#ef444426;--color-info-bg:#3b82f626}@media (width>=576px){:root{--text-base:1rem}}@media (width>=768px){:root{--header-height:70px;--text-4xl:2.5rem;--text-5xl:3.5rem}}@media (width>=992px){:root{--sidebar-width:240px}}@media (width>=1200px){:root{--text-4xl:3rem;--text-5xl:4rem}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.modal-overlay{z-index:var(--z-modal-backdrop);padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.15s ease-out modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal__close{font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-3);display:flex}@media (width<=576px){.modal{max-width:100%;margin:var(--space-4);border-radius:var(--radius-lg)}.modal__header,.modal__body{padding:var(--space-4)}.modal__footer{padding:var(--space-3) var(--space-4);flex-direction:column}.modal__footer .btn{width:100%}}.form-input,.form-input[type=text],.form-input[type=number],.form-input[type=email],.form-input[type=date],.form-input[type=tel],select.form-input,textarea.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;min-height:var(--touch-target-min);background-clip:padding-box;display:block}.form-input:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px #2563eb26}.form-input:disabled{background-color:var(--bg-secondary);opacity:.7;cursor:not-allowed}.form-input::placeholder{color:var(--text-tertiary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert--error{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error)}.alert--success{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success)}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.alert--info{background:var(--color-info-bg);color:var(--color-info-dark);border:1px solid var(--color-info)}.badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.badge--primary{background:var(--color-primary-lightest);color:var(--color-primary-dark)}.badge--success{background:var(--color-success-bg);color:var(--color-success-dark)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.badge--error{background:var(--color-error-bg);color:var(--color-error-dark)}.badge--info{background:var(--color-info-bg);color:var(--color-info-dark)}.badge--neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--md{width:40px;height:40px;font-size:var(--text-sm)}.avatar--lg{width:48px;height:48px;font-size:var(--text-base)}.avatar--xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar img{object-fit:cover;width:100%;height:100%}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;margin-bottom:var(--space-2)}.skeleton--heading{width:60%;height:1.5em;margin-bottom:var(--space-3)}.skeleton--avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton--button{height:var(--touch-target-min);width:100px}.tooltip{position:relative}.tooltip__content{padding:var(--space-1) var(--space-2);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition-fast);z-index:var(--z-tooltip);margin-bottom:var(--space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.divider--vertical{background:var(--border-light);width:1px;height:auto;margin:0 var(--space-4);align-self:stretch}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state__icon{color:var(--text-tertiary);margin-bottom:var(--space-4);font-size:3rem}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__description{color:var(--text-secondary);margin-bottom:var(--space-6)}@media (width<=575px){.hide-xs{display:none!important}}@media (width>=576px) and (width<=767px){.hide-sm{display:none!important}}@media (width>=768px) and (width<=991px){.hide-md{display:none!important}}@media (width>=992px) and (width<=1199px){.hide-lg{display:none!important}}@media (width>=1200px){.hide-xl{display:none!important}}@media (width<=575px){.show-xs-only{display:block!important}}@media (width>=576px){.show-sm-up{display:block!important}}@media (width>=768px){.show-md-up{display:block!important}}@media (width>=992px){.show-lg-up{display:block!important}}body{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif);font-size:var(--text-base,1rem);line-height:var(--leading-normal,1.5);color:var(--text-primary,#0f172a);background-color:var(--bg-primary,#fff);transition:background-color var(--transition-normal,.25s ease), color var(--transition-normal,.25s ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold,700);line-height:var(--leading-tight,1.25);color:var(--text-primary);margin:0}p{line-height:var(--leading-relaxed,1.625);margin:0}a{color:var(--color-primary,#2563eb);transition:color var(--transition-fast,.15s ease);font-weight:var(--font-medium,500);text-decoration:none}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm,.25rem)}ul,ol{padding-left:var(--space-6,1.5rem);margin:0}li{margin-bottom:var(--space-2,.5rem)}code,pre{font-family:var(--font-mono,monospace);font-size:var(--text-sm,.875rem);background-color:var(--bg-tertiary,#f1f5f9);border-radius:var(--radius-md,.375rem);padding:2px 6px}pre{padding:var(--space-4,1rem);margin:var(--space-4,1rem) 0;overflow-x:auto}pre code{background:0 0;padding:0}img{max-width:100%;height:auto;display:block}input,textarea,select{font:inherit;color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;padding-left:var(--space-4,1rem);padding-right:var(--space-4,1rem);margin-left:auto;margin-right:auto}@media (width>=640px){.container{max-width:var(--container-sm,640px);padding-left:var(--space-6,1.5rem);padding-right:var(--space-6,1.5rem)}}@media (width>=1024px){.container{max-width:var(--container-lg,1024px);padding-left:var(--space-8,2rem);padding-right:var(--space-8,2rem)}}@media (width>=1280px){.container{max-width:var(--container-xl,1280px)}}.d-grid{display:grid}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-wrap{flex-wrap:wrap}.flex-center{align-items:center}.flex-between{justify-content:space-between}.gap-xs{gap:var(--space-1,.25rem)}.gap-sm{gap:var(--space-2,.5rem)}.gap-md{gap:var(--space-4,1rem)}.gap-lg{gap:var(--space-6,1.5rem)}.gap-xl{gap:var(--space-8,2rem)}.p-md{padding:var(--space-4,1rem)}.p-lg{padding:var(--space-6,1.5rem)}.px-md{padding-left:var(--space-4,1rem);padding-right:var(--space-4,1rem)}.py-md{padding-top:var(--space-4,1rem);padding-bottom:var(--space-4,1rem)}.m-0{margin:0}.mt-md{margin-top:var(--space-4,1rem)}.mb-md{margin-bottom:var(--space-4,1rem)}.text-muted{color:var(--text-secondary,#475569)}.text-small{font-size:var(--text-sm,.875rem)}@media (width<=767px){.d-md-none{display:none!important}}@media (width>=768px){.d-md-flex{display:flex!important}.d-md-block{display:block!important}}@media (width>=1024px){.d-lg-flex{display:flex!important}.d-lg-block{display:block!important}}:root{--color-primary:var(--brand-primary);--color-primary-light:var(--brand-primary-light);--color-primary-dark:var(--brand-primary-dark);--color-primary-lightest:var(--brand-primary-lightest);--color-primary-lighter:var(--brand-primary-lighter);--color-secondary:var(--brand-secondary);--color-accent:var(--brand-accent);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--spacing-3xl:var(--space-16);--spacing-4xl:var(--space-20);--app-background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 55%, var(--brand-primary-lightest) 100%);--main-surface-bg:var(--bg-primary);--nav-surface-bg:#fffffff2;--theme-toggle-bg:#0f172a0a;--theme-toggle-border:#0f172a1f;--theme-toggle-hover-bg:#2563eb14;--theme-toggle-icon:var(--text-primary)}[data-theme=dark],html[data-theme=dark]{--app-background:radial-gradient(circle at 20% 20%, #0d1f5440, transparent 50%), radial-gradient(circle at 80% 0%, #3b82f62e, transparent 40%), var(--bg-primary);--main-surface-bg:transparent;--nav-surface-bg:#0f172af7;--theme-toggle-bg:#94a3b82e;--theme-toggle-border:#94a3b866;--theme-toggle-hover-bg:#94a3b847;--theme-toggle-icon:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8);font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);transition:var(--transition-theme);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-4);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}.container{width:100%;padding-right:var(--space-4);padding-left:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=640px){.container{max-width:var(--container-sm)}}@media (width>=768px){.container{max-width:var(--container-md);padding-right:var(--space-6);padding-left:var(--space-6)}}@media (width>=1024px){.container{max-width:var(--container-lg)}}@media (width>=1280px){.container{max-width:var(--container-xl)}}.site-header{background-color:var(--header-bg);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);transition:var(--transition-theme);border-bottom:1px solid var(--border-light);position:sticky;top:0}.header-container{padding:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.site-brand{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);align-items:center;text-decoration:none;display:flex}.site-brand:hover{color:var(--color-primary);text-decoration:none}.site-brand img{width:auto;height:2.5rem;margin-right:var(--space-2)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:flex}.nav-toggle span{background-color:var(--text-primary);width:100%;height:2px;transition:var(--transition-fast);display:block}.nav-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-menu{background-color:var(--nav-surface-bg);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:var(--transition-normal);z-index:var(--z-dropdown);display:none;position:absolute;top:100%;left:0;right:0}.nav-menu.active{display:block}.nav-list{padding:var(--space-2) 0;margin:0;list-style:none}.nav-item{margin:0;position:relative}.nav-link{padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);text-decoration:none;display:flex}.nav-link:hover,.nav-link:focus{background-color:var(--bg-tertiary);color:var(--color-primary);text-decoration:none}.menu-icon,.user-icon,.admin-icon,.login-icon,.register-icon,.logout-icon{justify-content:center;align-items:center;display:flex}.logout-button{cursor:pointer;text-align:left;align-items:center;gap:var(--space-2);background:0 0;border:none;width:100%;display:flex}.submenu{background-color:var(--bg-secondary);border-left:2px solid var(--color-primary);margin:0;padding:0;list-style:none}@media (width<=767px){.submenu{padding-left:var(--space-4)}.nav-menu{max-height:80vh;overflow-y:auto}}@media (width>=768px){.nav-item:hover .submenu{display:block}.submenu{min-width:200px;box-shadow:var(--shadow-md);border-left:none;border-top:2px solid var(--color-primary);z-index:var(--z-dropdown);display:none;position:absolute;top:100%;left:0}}.theme-toggle{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--bg-tertiary)}.theme-toggle svg{fill:currentColor;width:20px;height:20px}main{padding:var(--space-6) 0;flex:1;width:100%}.site-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:var(--space-6) 0;transition:var(--transition-theme);border-top:1px solid var(--border-light)}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 1px 3px var(--card-shadow);padding:var(--space-4);margin-bottom:var(--space-4);transition:var(--transition-theme)}.card-header{margin-bottom:var(--space-4);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-3)}.card-title{margin-bottom:var(--space-2);font-size:var(--text-lg)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:var(--transition-fast);min-height:var(--touch-target-min);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;text-decoration:none}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary);opacity:.9;color:#fff;text-decoration:none}.btn-outline{border-color:var(--border-primary);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-weight:var(--font-medium);display:block}.form-control{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-fast);background-clip:padding-box;display:block}.form-control:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 .2rem #2563eb40}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.text-center{text-align:center}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.w-auto{width:auto}.min-w-0{min-width:0}.grid{display:grid}.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)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}@media (width>=768px){.nav-toggle{display:none}.nav-menu{box-shadow:none;background-color:#0000;border:none;position:static;display:flex!important}.nav-list{padding:0;display:flex}.nav-link{padding:var(--space-2) var(--space-3)}.d-md-flex{display:flex}.d-md-block{display:block}.d-md-none{display:none}.grid-md-cols-2{grid-template-columns:repeat(2,1fr)}.grid-md-cols-3{grid-template-columns:repeat(3,1fr)}.grid-md-cols-4{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.d-lg-flex{display:flex}.d-lg-block{display:block}.d-lg-none{display:none}.grid-lg-cols-3{grid-template-columns:repeat(3,1fr)}.grid-lg-cols-4{grid-template-columns:repeat(4,1fr)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-visible:focus{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{background:var(--color-primary);color:#fff;padding:var(--space-2);z-index:var(--z-tooltip);position:absolute;top:-40px;left:0}.status-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.status-success{background-color:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success)}.status-error{background-color:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error)}.status-info{background-color:var(--color-info-bg);color:var(--color-info-dark);border:1px solid var(--color-info)}.status-warning{background-color:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning)}@media print{.site-header,.site-footer,.theme-toggle{display:none}body{color:#000;background-color:#fff}.container{max-width:100%;padding:0}a{color:#000;text-decoration:underline}.card{box-shadow:none;border:1px solid #ddd}}.status-badge{padding:var(--space-1,.25rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500);border-radius:var(--radius-full,9999px);white-space:nowrap;align-items:center;gap:var(--space-1,.25rem);display:inline-flex}.status-badge--pending,.status-badge--info{background:var(--color-info-bg,#dbeafe);color:var(--color-info-dark,#1e40af)}.status-badge--processing,.status-badge--warning{background:var(--color-warning-bg,#fef3c7);color:var(--color-warning-dark,#92400e)}.status-badge--completed,.status-badge--success,.status-badge--active{background:var(--color-success-bg,#d1fae5);color:var(--color-success-dark,#065f46)}.status-badge--cancelled,.status-badge--error,.status-badge--failed{background:var(--color-error-bg,#fee2e2);color:var(--color-error-dark,#991b1b)}.status-badge--confirmed{background:var(--color-primary-lightest,#eff6ff);color:var(--color-primary-dark-dark,#1e40af)}.status-badge--draft,.status-badge--neutral{background:var(--bg-tertiary,#f1f5f9);color:var(--text-secondary,#475569)}.status-badge--archived,.status-badge--inactive{background:var(--bg-tertiary,#f1f5f9);color:var(--text-tertiary,#94a3b8)}.status-badge__dot{border-radius:var(--radius-full,9999px);flex-shrink:0;width:6px;height:6px}.status-badge--pending .status-badge__dot,.status-badge--info .status-badge__dot{background:var(--color-info,#3b82f6)}.status-badge--processing .status-badge__dot,.status-badge--warning .status-badge__dot{background:var(--color-warning,#f59e0b)}.status-badge--completed .status-badge__dot,.status-badge--success .status-badge__dot,.status-badge--active .status-badge__dot{background:var(--color-success,#10b981)}.status-badge--cancelled .status-badge__dot,.status-badge--error .status-badge__dot,.status-badge--failed .status-badge__dot{background:var(--color-error,#ef4444)}[data-theme=dark] .status-badge--pending,[data-theme=dark] .status-badge--info{color:#93c5fd;background:#3b82f626}[data-theme=dark] .status-badge--processing,[data-theme=dark] .status-badge--warning{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .status-badge--completed,[data-theme=dark] .status-badge--success,[data-theme=dark] .status-badge--active{color:#6ee7b7;background:#10b98126}[data-theme=dark] .status-badge--cancelled,[data-theme=dark] .status-badge--error,[data-theme=dark] .status-badge--failed{color:#fca5a5;background:#ef444426}[data-theme=dark] .status-badge--confirmed{color:#93c5fd;background:#2563eb26}[data-theme=dark] .status-badge--draft,[data-theme=dark] .status-badge--neutral{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .status-badge--archived,[data-theme=dark] .status-badge--inactive{background:var(--bg-tertiary);color:var(--text-tertiary)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .status-badge--pending,html:not([data-theme=light]) .status-badge--info{color:#93c5fd;background:#3b82f626}html:not([data-theme=light]) .status-badge--processing,html:not([data-theme=light]) .status-badge--warning{color:#fcd34d;background:#f59e0b26}html:not([data-theme=light]) .status-badge--completed,html:not([data-theme=light]) .status-badge--success,html:not([data-theme=light]) .status-badge--active{color:#6ee7b7;background:#10b98126}html:not([data-theme=light]) .status-badge--cancelled,html:not([data-theme=light]) .status-badge--error,html:not([data-theme=light]) .status-badge--failed{color:#fca5a5;background:#ef444426}}@media (width<=480px){.status-badge{padding:2px var(--space-2,.5rem);font-size:.6875rem}}.container{width:100%;max-width:var(--container-3xl);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin-left:auto;margin-right:auto}@media (width<=768px){.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.page{width:100%;min-height:calc(100vh - 200px);padding:2rem 0}.page>.container{gap:var(--spacing-2xl);flex-direction:column;display:flex}.page__header{gap:var(--spacing-md);flex-direction:column;display:flex}.page__eyebrow{text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-primary);margin:0}.page__title{font-size:clamp(var(--font-size-3xl), 5vw, var(--font-size-5xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--text-primary);margin:0}.page__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:70ch;line-height:var(--line-height-relaxed);margin:0}.page__section{gap:var(--spacing-lg);flex-direction:column;display:flex}.page__section-header{gap:var(--spacing-sm);flex-direction:column;display:flex}.page__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.page__section-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.card,.panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--component-radius);padding:var(--spacing-lg);transition:background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.card:hover,.card--elevated{box-shadow:var(--shadow-md);border-color:var(--border-primary)}.card--outlined{border:2px solid var(--border-light);background:0 0}.card--filled{background:var(--bg-tertiary);border:none}.grid{gap:var(--spacing-lg);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (width<=768px){.grid--3,.grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.actions--start{justify-content:flex-start}.actions--end{justify-content:flex-end}.actions--between{justify-content:space-between}.badge{align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;padding:.25rem .75rem;display:inline-flex}.badge--primary{background:var(--color-primary);color:#fff;border:none}.badge--success{background:var(--color-success-light);color:var(--color-success);border:none}.badge--warning{background:var(--color-warning-light);color:var(--color-warning);border:none}.badge--danger{background:var(--color-danger-light);color:var(--color-danger);border:none}.badge--info{background:var(--color-info-light);color:var(--color-info);border:none}.hero{gap:var(--spacing-lg);padding:var(--spacing-3xl) 0;text-align:center;background:linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));border-radius:var(--component-radius);border:1px solid var(--border-light);flex-direction:column;display:flex}.hero__eyebrow{text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-primary);margin:0}.hero__title{font-size:clamp(var(--font-size-3xl), 6vw, var(--font-size-5xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--text-primary);margin:0}.hero__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:60ch;line-height:var(--line-height-relaxed);margin:0 auto}.hero__actions{gap:var(--spacing-md);padding-top:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.features{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--component-radius);transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.feature-card__icon{background:var(--color-primary-lightest);border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.feature-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.feature-card__description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.feature-card__action{margin-top:var(--spacing-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-fast);display:inline-flex}.feature-card:hover .feature-card__action{gap:var(--spacing-sm)}.news-grid{align-items:stretch}.news-card{gap:var(--spacing-sm);flex-direction:column;display:flex}.news-card__date{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.news-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug);margin:0}.news-card__summary{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.news-card__link{margin-top:var(--spacing-sm)}.news-article{padding:clamp(var(--spacing-lg), 2.5vw, var(--spacing-2xl))}.news-article__meta code{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.08rem .4rem;font-size:.9em}.news-article__content{color:var(--text-primary)}.news-article__content>:first-child{margin-top:0}.news-article__content>:last-child{margin-bottom:0}.news-article__empty{color:var(--text-secondary);margin:0}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-4xl) var(--spacing-lg);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.empty-state__icon{background:var(--bg-tertiary);border-radius:var(--radius-2xl);width:4rem;height:4rem;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:2rem;display:flex}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.empty-state__description{font-size:var(--font-size-base);max-width:50ch;margin:0}.divider{background:var(--border-light);height:1px;margin:var(--spacing-lg) 0}.divider--sm{margin:var(--spacing-md) 0}.divider--lg{margin:var(--spacing-2xl) 0}.alert{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--component-radius);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border:1px solid;display:flex}.alert__icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.alert--success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.alert--warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.alert--danger{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.alert--info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}@media (width<=768px){.page{padding:1.5rem 0}.news-article{padding:var(--spacing-lg)}.hero{padding:var(--spacing-2xl) 0}.page__title,.hero__title{font-size:var(--font-size-3xl)}.card{padding:var(--spacing-md)}}.account-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.account-mobile-header{background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);z-index:100;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky;top:0}.account-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:3px;min-width:44px;min-height:44px;padding:.5rem;display:flex}.account-menu-toggle span{background-color:var(--color-text-primary);width:20px;height:2px;transition:var(--transition-fast)}.account-mobile-header h2{margin:0;font-size:1.25rem;font-weight:600}.account-sidebar{background-color:var(--color-card-bg);border-right:1px solid var(--color-border);z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px;overflow-y:auto}.account-sidebar.active{left:0}.account-overlay{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.account-overlay.active{display:block}.account-nav{flex-direction:column;display:flex}.account-nav-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.account-nav-header h2{margin:0;font-size:1.25rem;font-weight:600}.account-close-menu{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;min-width:44px;min-height:44px;padding:.5rem;font-size:1.5rem}.account-nav-menu{flex-direction:column;flex:1;padding:.5rem 0;display:flex}.account-nav-item{color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:1rem 1.5rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:flex}.account-nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary);text-decoration:none}.account-nav-item.active{background-color:var(--color-bg-tertiary);color:var(--color-primary);border-left:3px solid var(--color-primary);font-weight:500}.account-nav-item i{text-align:center;width:20px;font-size:1.25rem}.account-nav-logout{border-top:1px solid var(--color-border);margin-top:auto;padding-top:.5rem}.account-content{flex:1;padding:1rem}.account-header{margin-bottom:2rem}.account-title{margin:0;font-size:1.75rem;font-weight:600}.dashboard-stats{grid-template-columns:1fr;gap:1rem;width:100%;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--theme-transition);width:100%;min-width:0;padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-title{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.stat-value{color:var(--color-text-primary);word-break:break-all;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.stat-description{color:var(--color-text-secondary);font-size:.875rem}.account-card{background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--theme-transition);margin-bottom:1.5rem;padding:1.5rem}.account-card-header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.account-card-title{margin:0;font-size:1.25rem;font-weight:600}.table-responsive{-webkit-overflow-scrolling:touch;margin:-.5rem;padding:.5rem;overflow-x:auto}.account-table{border-collapse:collapse;width:100%;min-width:600px;font-size:.875rem}.account-table th,.account-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.75rem 1rem}.account-table th{color:var(--color-text-secondary);background-color:var(--color-bg-secondary);font-weight:600}.account-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.account-table-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.status-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-confirmed{color:var(--color-success);background-color:#10b9811a}.status-pending{color:var(--color-warning);background-color:#f59e0b1a}.status-cancelled{color:var(--color-error);background-color:#ef44441a}.status-paid{color:var(--color-success);background-color:#10b9811a}.status-unpaid{color:var(--color-error);background-color:#ef44441a}.account-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.pagination-item{border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);width:2.5rem;height:2.5rem;color:var(--color-text-primary);justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.pagination-item:hover{background-color:var(--color-border);text-decoration:none}.pagination-item.active{background-color:var(--color-primary);color:#fff}.pagination-item.disabled{opacity:.5;pointer-events:none}@media (width>=768px){.account-container{flex-direction:row}.account-mobile-header{display:none}.account-sidebar{width:280px;height:auto;min-height:calc(100vh - 2rem);position:static;left:0}.account-close-menu{display:none}.account-content{flex:1;min-width:0;padding:2rem}.account-card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.dashboard-stats,.form-row{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}.account-content{padding:2.5rem}}@media (width>=1280px){.account-sidebar{width:320px}}.account-nav-item:focus,.account-menu-toggle:focus,.account-close-menu:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.account-sidebar,.account-overlay,.account-nav-item,.stat-card{transition:none}}.booking-options{flex-direction:column;gap:.75rem;display:flex}.booking-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);padding:.75rem}.booking-option:hover{background-color:var(--color-bg-secondary)}.terms-section{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.terms-link{color:var(--color-primary);text-decoration:none}.terms-link:hover{text-decoration:underline}.booking-summary{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:1rem}.summary-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:.5rem 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:1.125rem;font-weight:700}@media (width<=767px){.booking-options .form-check-label{font-size:.875rem}.price{margin-top:.25rem;display:block}}.day-breakdown{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.day-breakdown h4{color:var(--color-text-secondary);margin:1rem 0 .5rem;font-size:1rem}.day-price-row,.option-price-row{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem;display:flex}.day-price-type{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.day-price-row span:first-child{flex:1}.day-price-row span:nth-child(2){flex:none;margin:0 1rem}.day-price-row span:last-child,.option-price-row span:last-child{text-align:right;font-weight:500}@media (width<=767px){.day-price-row{flex-direction:column;align-items:flex-start;gap:.25rem}.day-price-type{margin-left:1rem}}.acct-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.acct-header__left h1{color:var(--text-primary,#111827);margin:0;font-size:1.25rem;font-weight:700}.acct-header__left .eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#6b7280);margin:0 0 .15rem;font-size:.72rem;font-weight:600}.acct-back{color:var(--text-secondary,#6b7280);align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.8rem;text-decoration:none;transition:color .15s;display:inline-flex}.acct-back:hover{color:var(--color-primary,#ff6400)}.acct-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.acct-filter-btn{border:1px solid var(--border-primary,#d1d5db);background:var(--bg-primary,#fff);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.acct-filter-btn:hover{border-color:var(--color-primary-light,#ff7f1a);color:var(--color-primary,#ff6400)}.acct-filter-btn--active{background:var(--color-primary,#ff6400);border-color:var(--color-primary,#ff6400);color:#fff}.acct-table{border-collapse:collapse;width:100%;font-size:.85rem}.acct-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#6b7280);border-bottom:2px solid var(--border-light,#e5e7eb);padding:.5rem .75rem;font-size:.72rem;font-weight:600}.acct-table tbody tr{cursor:pointer;transition:background .15s}.acct-table tbody tr:hover{background:var(--bg-secondary,#f9fafb)}.acct-table td{border-bottom:1px solid var(--border-lighter,#f3f4f6);color:var(--text-primary,#374151);padding:.65rem .75rem}.acct-table td:first-child{color:var(--text-primary,#111827);font-weight:500}.acct-table__primary{color:var(--text-primary,#111827);font-weight:600}.acct-table__secondary{color:var(--text-tertiary,#9ca3af);font-size:.72rem}.acct-card{background:var(--bg-primary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:8px;padding:1rem}.acct-card--info{background:var(--color-info-light,#dbeafe);border-color:var(--color-info,#3b82f6)}.acct-card h3{color:var(--text-primary,#111827);border-bottom:1px solid var(--border-lighter,#f3f4f6);margin:0 0 .6rem;padding-bottom:.4rem;font-size:.85rem;font-weight:600}.acct-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.acct-grid--full{grid-column:1/-1}.acct-row{justify-content:space-between;align-items:baseline;padding:.25rem 0;font-size:.82rem;display:flex}.acct-row dt{color:var(--text-secondary,#6b7280);flex-shrink:0}.acct-row dd{color:var(--text-primary,#111827);text-align:right;margin:0;font-weight:500}.acct-row--total{border-top:1px solid var(--border-primary,#d1d5db);margin-top:.35rem;padding-top:.5rem;font-size:.95rem;font-weight:700}.acct-row--discount dt,.acct-row--discount dd{color:var(--color-success,#059669)}.acct-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.acct-detail-header h1{color:var(--text-primary,#111827);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.acct-detail-header__actions{align-items:center;gap:.5rem;display:flex}.acct-detail-subtitle{color:var(--text-secondary,#6b7280);font-size:.8rem}.acct-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.acct-btn--primary{background:var(--color-primary,#ff6400);color:#fff;border:1px solid var(--color-primary,#ff6400)}.acct-btn--primary:hover{background:var(--color-primary-dark,#e55a00);border-color:var(--color-primary-dark,#e55a00)}.acct-btn--secondary{background:var(--bg-primary,#fff);border:1px solid var(--border-primary,#d1d5db);color:var(--text-primary,#374151)}.acct-btn--secondary:hover{background:var(--bg-tertiary,#f3f4f6)}.acct-btn--danger{background:var(--bg-primary,#fff);color:#dc2626;border:1px solid #fca5a5}.acct-btn--danger:hover{background:#fef2f2}.acct-btn--small{padding:.35rem .75rem;font-size:.75rem}.acct-btn:disabled{opacity:.5;cursor:not-allowed}.acct-pdf-btn{border:1px solid var(--border-primary,#d1d5db);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.85rem;transition:all .15s;display:inline-flex}.acct-pdf-btn:hover{background:var(--bg-tertiary,#f3f4f6);border-color:var(--color-primary,#ff6400)}.acct-status{text-transform:capitalize;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.acct-status--draft{color:#6b7280;background:#f3f4f6}.acct-status--sent{color:#1e40af;background:#dbeafe}.acct-status--paid{color:#065f46;background:#d1fae5}.acct-status--overdue{color:#991b1b;background:#fee2e2}.acct-status--partially-paid{color:#1e40af;background:#dbeafe}.acct-status--cancelled{color:#991b1b;background:#fee2e2}.acct-status--credit-noted{color:#3730a3;background:#e0e7ff}.acct-status--unknown{color:#6b7280;background:#f3f4f6}.acct-amount{font-variant-numeric:tabular-nums;font-weight:600}.acct-amount--outstanding{color:#dc2626;font-size:.72rem}.acct-empty{text-align:center;color:var(--text-tertiary,#9ca3af);padding:3rem 1rem}.acct-empty__icon{margin-bottom:.5rem;font-size:2.5rem}.acct-empty h3{color:var(--text-secondary,#6b7280);border-bottom:none;margin:0 0 .35rem;padding-bottom:0;font-size:1rem}.acct-empty p{margin:0 0 1rem;font-size:.85rem}.acct-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:3rem;font-size:.9rem}.acct-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.acct-notes{color:var(--text-primary,#374151);white-space:pre-wrap;font-size:.82rem;line-height:1.5}.acct-notes--empty{color:var(--text-tertiary,#9ca3af);font-style:italic}.acct-options-table{border-collapse:collapse;width:100%;margin-top:.25rem;font-size:.8rem}.acct-options-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-light,#e5e7eb);padding:.35rem .5rem;font-size:.7rem;font-weight:600}.acct-options-table th:last-child{text-align:right}.acct-options-table td{border-bottom:1px solid var(--border-lighter,#f3f4f6);color:var(--text-primary,#374151);padding:.4rem .5rem}.acct-options-table td:last-child{text-align:right;font-weight:500}.acct-options-table tfoot td{border-top:2px solid var(--border-light,#e5e7eb);color:var(--text-primary,#111827);padding-top:.5rem;font-weight:700}.acct-cancel-dialog{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;grid-column:1/-1;padding:1rem}.acct-cancel-dialog h3{color:#991b1b;border-bottom-color:#fecaca}.acct-cancel-dialog p{color:#991b1b;margin:0 0 .75rem;font-size:.82rem}.acct-cancel-dialog__actions{gap:.5rem;display:flex}.acct-actions{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.acct-info-text{color:var(--text-secondary,#6b7280);font-size:.82rem;line-height:1.5}.acct-terms-btn{background:var(--bg-primary,#fff);border:1px solid var(--border-primary,#d1d5db);color:var(--text-primary,#374151);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.acct-terms-btn:hover{background:var(--bg-tertiary,#f3f4f6);border-color:var(--color-primary,#ff6400)}@media (width<=768px){.acct-table thead{display:none}.acct-table tbody tr{border-bottom:1px solid var(--border-light,#e5e7eb);background:var(--bg-primary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:6px;margin-bottom:.5rem;padding:.75rem;display:block}.acct-table td{border-bottom:none;justify-content:space-between;padding:.25rem 0;display:flex}.acct-table td:before{content:attr(data-label);color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600}.acct-grid{grid-template-columns:1fr}}.auth-shell{background:var(--app-background,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:clamp(2rem,5vw,3.5rem) 1.5rem;display:flex}.auth-panel{background:var(--color-bg-primary,#fff);border:1px solid #94a3b84d;border-radius:1.5rem;flex-direction:column;gap:1.75rem;width:min(560px,100%);padding:clamp(1.75rem,4vw,3rem);display:flex;box-shadow:0 25px 65px #0f172a33}@media (width<=640px){.auth-shell{padding:1.25rem}.auth-panel{border-radius:1rem;padding:1.5rem}}.auth-page{flex-direction:column;gap:1.1rem;width:100%;display:flex}.auth-page__header{flex-direction:column;gap:.6rem;display:flex}.auth-page__intro{max-width:44ch}.auth-page__back{color:var(--color-text-secondary,#475569);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.5rem;margin:-.35rem 0 .25rem;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.auth-page__back:hover,.auth-page__back:focus-visible{color:var(--color-primary,#2563eb)}.auth-page__back span{display:inline-flex}.auth-page h1{margin:0;font-size:clamp(1.9rem,3vw,2.3rem)}.auth-page p{color:var(--color-text-secondary,#475569);margin:0}.auth-page .eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--color-primary,#2563eb);font-size:.75rem;font-weight:600}.form-card{background:var(--color-bg-secondary,#f8fafc);border:1px solid #94a3b84d;border-radius:1.1rem;flex-direction:column;gap:1rem;width:100%;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.auth-form,.auth-form__stack{flex-direction:column;gap:1rem;display:flex}.auth-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.auth-form label{color:var(--color-text-primary,#0f172a);flex-direction:column;gap:.45rem;font-weight:600;display:flex}.auth-form input,.auth-form select,.auth-form textarea{background:var(--color-bg-primary,#fff);color:var(--color-text-primary,#0f172a);border:1px solid #94a3b880;border-radius:.85rem;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder,.auth-form textarea::placeholder{color:var(--color-text-tertiary,#94a3b8)}.auth-form input:disabled,.auth-form select:disabled,.auth-form textarea:disabled{cursor:not-allowed;opacity:.75}.auth-form input[aria-invalid=true],.auth-form select[aria-invalid=true],.auth-form textarea[aria-invalid=true]{border-color:var(--color-error,#dc2626)}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:var(--color-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb26}.auth-form small{color:var(--color-text-secondary,#64748b);font-size:.85rem;line-height:1.4}.form-section-title{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary,#64748b);margin:.25rem 0;font-size:.75rem;font-weight:600}.auth-form label.auth-checkbox{flex-flow:wrap;align-items:center;gap:.65rem;font-weight:500}.auth-form label.auth-checkbox input{flex:none;width:1.1rem;height:1.1rem;margin:0}.auth-form label.auth-checkbox span,.auth-form label.auth-checkbox a{flex:auto}.auth-checkbox__text{flex-wrap:wrap;gap:.25rem;line-height:1.4;display:inline-flex}.auth-form label.auth-checkbox .error-message{flex-basis:100%;margin-left:1.75rem}.auth-links{flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}.auth-links--center{text-align:center;align-items:center}.auth-links a{color:var(--color-primary,#2563eb);font-weight:600}.auth-links a:hover,.auth-links a:focus-visible{text-decoration:underline}.auth-brand-card{border-top:1px solid #94a3b840;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.auth-brand-card__icon{background:var(--color-bg-secondary,#f1f5f9);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.auth-brand-card__icon img{width:36px;height:36px}.auth-brand-card__eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.65rem}.auth-brand-card__title{color:var(--color-text-primary,#0f172a);margin:.15rem 0;font-weight:600}.auth-brand-card__copy{color:var(--color-text-secondary,#64748b);margin:0;font-size:.9rem}.solid-link{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:.95rem;justify-content:center;align-items:center;gap:.35rem;padding:.95rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 30px #2563eb40}.solid-link:hover,.solid-link:focus-visible{background:var(--color-primary-dark,#1d4ed8);text-decoration:none;transform:translateY(-1px)}.solid-link:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-page .solid-link{width:100%}.auth-page__meta{text-align:center;color:var(--color-text-secondary,#64748b);font-size:.95rem}.auth-page__meta a{color:var(--color-primary,#2563eb);font-weight:700}.alert{border:1px solid #0000;border-radius:.95rem;padding:.9rem 1.1rem;font-size:.95rem}.alert-success{color:var(--color-success,#0f9d58);background:#10b9811f;border-color:#10b98159}.alert-error{color:var(--color-error,#dc2626);background:#ef44441f;border-color:#ef444459}.alert-info{color:var(--color-primary,#2563eb);background:#2563eb1f;border-color:#2563eb59}.error-message{color:var(--color-error,#dc2626);font-size:.8rem}.loading-container{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.spinner{border:3px solid #2563eb33;border-top-color:var(--color-primary,#2563eb);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page__body{color:var(--color-text-secondary,#475569);font-size:1rem}.full-width{width:100%}.auth-form__hint{color:var(--color-text-secondary,#64748b);margin-top:.6rem;font-size:.9rem}.auth-form__checkbox-panel{background:#94a3b814;border:1px solid #94a3b859;border-radius:1rem;padding:.95rem 1rem}.auth-form__checkbox-panel--error{border-color:#ef444480}[data-theme=dark] .form-card{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .auth-form input,[data-theme=dark] .auth-form select,[data-theme=dark] .auth-form textarea{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .auth-form input:focus,[data-theme=dark] .auth-form select:focus,[data-theme=dark] .auth-form textarea:focus{background:var(--bg-tertiary);border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb40}[data-theme=dark] .auth-form input::placeholder,[data-theme=dark] .auth-form textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] .auth-form__checkbox-panel{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .auth-page__back{color:var(--text-secondary)}[data-theme=dark] .auth-page__back:hover,[data-theme=dark] .auth-page__back:focus-visible{color:var(--brand-primary)}[data-theme=dark] .auth-page p{color:var(--text-secondary)}[data-theme=dark] .form-section-title{color:var(--text-tertiary)}[data-theme=dark] .auth-form label{color:var(--text-primary)}[data-theme=dark] .auth-form small,[data-theme=dark] .auth-links{color:var(--text-secondary)}[data-theme=dark] .auth-links a{color:var(--brand-primary)}[data-theme=dark] .auth-page__meta{color:var(--text-secondary)}[data-theme=dark] .auth-page__meta a{color:var(--brand-primary)}[data-theme=dark] .alert-success{background:var(--color-success-bg);border-color:var(--color-success)}[data-theme=dark] .alert-error{background:var(--color-error-bg);border-color:var(--color-error)}[data-theme=dark] .alert-info{background:var(--color-info-bg);border-color:var(--color-info)}[data-theme=dark] .auth-form__hint{color:var(--text-secondary)}[data-theme=dark] .auth-form input[aria-invalid=true],[data-theme=dark] .auth-form select[aria-invalid=true],[data-theme=dark] .auth-form textarea[aria-invalid=true]{border-color:var(--color-error);background:#ef44441a}[data-theme=dark] .error-message{color:var(--color-error-light)}@media (width<=640px){.auth-form__grid{grid-template-columns:1fr}.auth-page__back{margin-top:0}}@media (width<=768px){.admin-bookings__table thead,.admin-table thead{display:none}.admin-bookings__table,.admin-table{display:block}.admin-bookings__table tbody,.admin-table tbody{gap:var(--spacing-md);flex-direction:column;display:flex}.admin-bookings__table tbody tr,.admin-table tbody tr{gap:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--component-radius);padding:var(--spacing-md);background:var(--bg-primary);flex-direction:column;margin:0;display:flex}.admin-bookings__table tbody td,.admin-table tbody td{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);text-align:left;justify-content:space-between;align-items:center;display:flex;border:none!important;border-bottom:1px solid var(--border-lighter)!important;background:0 0!important}.admin-bookings__table tbody td:last-child,.admin-table tbody td:last-child{align-items:stretch;gap:var(--spacing-sm);padding-top:var(--spacing-sm);flex-direction:column;border-bottom:none!important}.admin-bookings__table tbody td:before,.admin-table tbody td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-right:var(--spacing-md);flex-shrink:0}.admin-bookings__table tbody td:last-child:before,.admin-table tbody td:last-child:before{display:none}.admin-bookings__table tbody td a,.admin-table tbody td a{word-break:break-word}.admin-bookings__actions{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:stretch;width:100%;display:flex}.admin-bookings__btn,.admin-action-btn{min-width:calc(50% - var(--spacing-xs));padding:var(--spacing-sm) var(--spacing-md);text-align:center;flex:auto;justify-content:center}.admin-bookings__filters,.admin-invoices__filters{flex-direction:column;width:100%}.admin-bookings__filters select,.admin-bookings__filters input,.admin-invoices__filter-control,.admin-bookings__input--search{width:100%;min-width:unset;padding:var(--spacing-md);font-size:var(--font-size-base)}.admin-invoices__filter-control--grow{min-width:unset;flex:1}.admin-stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.admin-stat-card{padding:var(--spacing-md)}.admin-stat-card__value{font-size:var(--font-size-xl)}.admin-bookings__grid-two,.admin-bookings__detail-grid{gap:var(--spacing-md);grid-template-columns:1fr}.admin-bookings__split{flex-direction:column}.admin-bookings__grid-sub,.admin-bookings__stack{grid-template-columns:1fr}.admin-bookings__card,.admin-stat-card{border-radius:var(--component-radius)}.admin-bookings__card+.admin-bookings__card{margin-top:var(--spacing-md)}.admin-bookings__form-panel,.admin-bookings__form-panel--narrow{max-width:100%}.admin-bookings__form-group,.admin-bookings__form-group--lg{margin-bottom:var(--spacing-md)}.admin-bookings__input,.admin-bookings__select,.admin-bookings__textarea{padding:var(--spacing-md);font-size:var(--font-size-base)}.admin-bookings__action-row,.admin-bookings__card-action-row,.admin-invoices__actions{flex-direction:column;width:100%}.admin-bookings__btn,.admin-action-btn,.admin-bookings__btn--padded,.admin-bookings__btn--wide{width:100%;padding:var(--spacing-md);text-align:center;justify-content:center}.admin-bookings__pagination{gap:var(--spacing-xs);flex-wrap:wrap}.admin-bookings__pagination button{min-width:calc(33.33% - var(--spacing-sm));padding:var(--spacing-md);flex:1}.admin-page__header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-bookings h1{font-size:var(--font-size-2xl)}.admin-bookings__topbar{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-bookings__topbar--compact{margin-bottom:var(--spacing-md)}.admin-bookings__kv-table{font-size:var(--font-size-sm)}.admin-bookings__kv-table td{padding:var(--spacing-sm) 0}.admin-bookings__kv-table td:first-child{width:50%}}@media (width<=479px){.admin-stats-grid{grid-template-columns:1fr}.admin-bookings__filters select,.admin-bookings__filters input{font-size:16px}.admin-bookings__actions{flex-direction:column}.admin-bookings__btn,.admin-action-btn{width:100%;min-width:unset}}@media (width<=640px){.auth-shell{padding:var(--spacing-md)}.auth-panel{gap:var(--spacing-lg);max-width:100%}.auth-panel>form,.auth-panel>div:first-child,.auth-brand-card{padding:var(--spacing-lg)}.auth-brand-card__icon{width:64px;height:64px}.auth-brand-card__icon img{width:50px;height:50px}}.header{background:var(--nav-surface-bg,#fffffff2);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light,#e2e8f0);z-index:var(--z-sticky,1020);box-shadow:var(--shadow-sm);transition:all var(--transition-normal,.25s ease);position:sticky;top:0}.header:hover{box-shadow:var(--shadow-md)}.header .container{padding:var(--space-3,.75rem) var(--space-6,1.5rem);justify-content:space-between;align-items:center;max-width:100%;display:flex}.header__content{justify-content:space-between;align-items:center;gap:var(--space-8,2rem);width:100%;display:flex}.header__logo{align-items:center;gap:var(--space-3,.75rem);color:var(--text-primary);font-weight:var(--font-bold,700);font-size:var(--text-lg,1.125rem);transition:all var(--transition-fast,.15s ease);flex-shrink:0;text-decoration:none;display:flex}.header__logo img{border-radius:var(--radius-lg,.5rem);width:44px;height:44px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast,.15s ease)}.header__logo:hover img{box-shadow:var(--shadow-md);transform:scale(1.05)}.header__logo:hover{opacity:1}.header__logo-text{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2;display:block}@media (width<=640px){.header__logo-text{display:none}.header__logo img{width:38px;height:38px}}.header__nav-desktop{flex:1;justify-content:center;align-items:center;display:flex}.header__nav-list{gap:var(--space-1,.25rem);align-items:center;margin:0;padding:0;list-style:none;display:flex}.header__nav-link{padding:var(--space-2,.5rem) var(--space-4,1rem);color:var(--text-secondary);font-weight:var(--font-medium,500);border-radius:var(--radius-lg,.5rem);transition:all var(--transition-fast,.15s ease);font-size:var(--text-sm,.875rem);white-space:nowrap;min-height:var(--touch-target-min,44px);align-items:center;text-decoration:none;display:flex;position:relative}.header__nav-link:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.header__nav-link--active{color:var(--color-primary-dark);font-weight:var(--font-bold,700);background:var(--color-primary-lightest);border:1px solid var(--color-primary-light)}.header__nav-link--active:after{content:"";bottom:-1px;left:var(--space-4,1rem);right:var(--space-4,1rem);background:var(--color-primary);border-radius:2px;height:3px;position:absolute;box-shadow:0 2px 4px #2563eb4d}@media (width<=767px){.header__nav-desktop{display:none}}@media (width<=992px) and (width>=768px){.header__nav-list{gap:var(--space-1,.25rem)}.header__nav-link{padding:var(--space-2,.5rem) var(--space-3,.75rem);font-size:var(--text-sm,.875rem)}.header__content{gap:var(--space-4,1rem)}}.header__actions{align-items:center;gap:var(--space-2,.5rem);flex-shrink:0;display:flex}.header__theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;padding:0;display:flex}.header__theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary);transform:rotate(15deg)}.header__theme-toggle svg{width:20px;height:20px;transition:all var(--transition-fast,.15s ease)}.header__theme-toggle:active svg{transform:scale(.9)}.header__user-menu{position:relative}.header__user-trigger{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg,.5rem);cursor:pointer;color:var(--text-secondary);font-weight:var(--font-medium,500);transition:all var(--transition-fast,.15s ease);min-height:var(--touch-target-min,44px);display:flex}.header__user-trigger:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.header__user-trigger[aria-expanded=true]{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb33}.header__user-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:36px;height:36px;font-weight:var(--font-bold,700);font-size:var(--text-sm,.875rem);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #2563eb4d}.header__user-avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.header__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--text-sm,.875rem);overflow:hidden}@media (width<=992px){.header__user-name{display:none}.header__user-trigger{padding:var(--space-2,.5rem)}}.header__user-caret{color:var(--text-tertiary);transition:transform var(--transition-fast,.15s ease);flex-shrink:0}.header__user-caret--open{transform:rotate(180deg)}.header__dropdown{top:calc(100% + var(--space-3,.75rem));background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-component,var(--radius-lg));box-shadow:var(--shadow-xl);min-width:288px;max-width:340px;z-index:var(--z-dropdown);animation:.3s cubic-bezier(.4,0,.2,1) dropdownSlideDown;position:absolute;right:0;overflow:hidden}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.header__dropdown-header{align-items:center;gap:var(--space-4,1rem);padding:var(--space-5,1.25rem);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex}.header__dropdown-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:52px;height:52px;font-weight:var(--font-bold,700);font-size:var(--text-xl,1.25rem);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #2563eb4d}.header__dropdown-avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.header__dropdown-user-info{flex:1;min-width:0}.header__dropdown-name{font-weight:var(--font-semibold,600);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-1,.25rem);font-size:var(--text-sm,.875rem);overflow:hidden}.header__dropdown-email{font-size:var(--text-xs,.75rem);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header__dropdown-divider{background:var(--border-light);height:1px;margin:0}.header__dropdown-section{padding:var(--space-2,.5rem) 0}.header__dropdown-link{align-items:center;gap:var(--space-3,.75rem);width:100%;padding:var(--space-3,.75rem) var(--space-5,1.25rem);text-align:left;color:var(--text-primary);cursor:pointer;font-weight:var(--font-medium,500);font-size:var(--text-sm,.875rem);transition:all var(--transition-fast,.15s ease);min-height:var(--touch-target-min,44px);background:0 0;border:none;border-radius:0;text-decoration:none;display:flex}.header__dropdown-link svg{color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);flex-shrink:0}.header__dropdown-link:hover{background:var(--bg-secondary);color:var(--color-primary);padding-left:var(--space-6,1.5rem)}.header__dropdown-link:hover svg{color:var(--color-primary);transform:scale(1.1)}.header__dropdown-link--active{background:var(--color-primary-lightest);color:var(--color-primary-dark)}.header__dropdown-link--active svg{color:var(--color-primary)}.header__dropdown-link--admin,.header__dropdown-link--admin svg{color:var(--color-warning-dark)}.header__dropdown-link--admin:hover{background:var(--color-warning-bg);color:var(--color-warning-dark)}.header__dropdown-link--logout,.header__dropdown-link--logout svg{color:var(--color-error)}.header__dropdown-link--logout:hover{background:var(--color-error-bg);color:var(--color-error-dark)}.header__auth-links{gap:var(--space-2,.5rem);display:flex}@media (width<=767px){.header__auth-links{display:none}}.header__menu-toggle{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border-light);border-radius:var(--radius-md,.375rem);cursor:pointer;padding:var(--space-2,.5rem);color:var(--text-primary);transition:all var(--transition-fast,.15s ease);min-width:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px);justify-content:center;align-items:center;display:none}.header__menu-toggle:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:scale(1.05)}.header__menu-toggle:active{transform:scale(.95)}@media (width<=767px){.header__menu-toggle{display:flex}}.header__mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#0006;animation:.25s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header__mobile-nav{background:var(--bg-primary);width:320px;max-width:90vw;box-shadow:var(--shadow-2xl);z-index:var(--z-modal);flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.header__mobile-header{padding:var(--space-5,1.25rem);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header__mobile-logo img{border-radius:var(--radius-lg,.5rem);width:44px;height:44px;box-shadow:var(--shadow-sm)}.header__mobile-close{width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md,.375rem);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;display:flex}.header__mobile-close:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--text-primary);transform:rotate(90deg)}.header__mobile-content{background:var(--bg-primary);flex:1;overflow-y:auto}.header__mobile-section{padding:var(--space-2,.5rem) 0;background:var(--bg-primary)}.header__mobile-section--border{border-top:1px solid var(--border-light)}.header__mobile-link{align-items:center;gap:var(--space-4,1rem);padding:var(--space-4,1rem) var(--space-6,1.5rem);color:var(--text-primary);font-weight:var(--font-medium,500);transition:all var(--transition-fast,.15s ease);font-size:var(--text-sm,.875rem);text-align:left;cursor:pointer;width:100%;min-height:var(--touch-target-min,44px);background:0 0;border:none;border-radius:0;text-decoration:none;display:flex}.header__mobile-link svg{color:var(--text-secondary);flex-shrink:0}.header__mobile-link:hover{background:var(--bg-secondary);color:var(--color-primary);padding-left:var(--space-8,2rem)}.header__mobile-link--active{background:var(--color-primary-lightest);color:var(--color-primary-dark);font-weight:var(--font-semibold,600);border-left:3px solid var(--color-primary)}.header__mobile-link--admin{color:var(--color-warning-dark)}.header__mobile-link--admin:hover{background:var(--color-warning-bg);color:var(--color-warning-dark)}.header__mobile-link--logout{color:var(--color-error)}.header__mobile-link--logout:hover{background:var(--color-error-bg);color:var(--color-error-dark)}.header__mobile-user-header{align-items:center;gap:var(--space-4,1rem);padding:var(--space-5,1.25rem) var(--space-6,1.5rem);background:var(--bg-secondary);margin-bottom:var(--space-2,.5rem);display:flex}.header__mobile-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:48px;height:48px;font-weight:var(--font-bold,700);font-size:var(--text-lg,1.125rem);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 12px #2563eb4d}.header__mobile-avatar img{object-fit:cover;width:100%;height:100%}.header__mobile-user-info{flex:1;min-width:0}.header__mobile-user-name{font-weight:var(--font-semibold,600);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header__mobile-user-email{font-size:var(--text-xs,.75rem);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header__mobile-section .btn{margin:var(--space-2,.5rem) var(--space-6,1.5rem)}.header__mobile-section .btn--block{width:calc(100% - var(--space-12,3rem))}.footer{background-color:var(--footer-bg,#f8fafc);border-top:1px solid var(--border-light,#e2e8f0);padding:var(--space-8,2rem) 0 var(--space-6,1.5rem);transition:background-color var(--transition-normal,.25s ease), border-color var(--transition-normal,.25s ease);margin-top:auto}.footer__content{gap:var(--space-8,2rem);margin-bottom:var(--space-8,2rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer__brand{grid-column:span 2}@media (width<=768px){.footer__brand{grid-column:span 1}}.footer__logo{align-items:center;gap:var(--space-2,.5rem);color:var(--text-primary);font-weight:var(--font-bold,700);font-size:var(--text-lg,1.125rem);margin-bottom:var(--space-4,1rem);transition:opacity var(--transition-fast,.15s ease);text-decoration:none;display:flex}.footer__logo:hover{opacity:.8}.footer__logo img{border-radius:var(--radius-lg,.5rem);width:40px;height:40px}.footer__logo-fallback{border-radius:var(--radius-lg,.5rem);width:40px;height:40px;font-size:var(--text-sm,.875rem);font-weight:var(--font-bold,700);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;display:inline-flex}.footer__slogan{margin:0 0 var(--space-2,.5rem);color:var(--text-tertiary);font-size:var(--text-sm,.875rem)}.footer__description{color:var(--text-secondary);font-size:var(--text-sm,.875rem);max-width:350px;margin:0;line-height:1.6}.footer__section{flex-direction:column;display:flex}.footer__section--services{align-self:start;min-width:240px}.footer__section-title{font-size:var(--text-base,1rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin:0 0 var(--space-4,1rem)}.footer__links{gap:var(--space-2,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--text-secondary);font-size:var(--text-sm,.875rem);transition:all var(--transition-fast,.15s ease);padding:var(--space-1,.25rem) 0;min-height:var(--touch-target-min,44px);align-items:center;text-decoration:none;display:flex}.footer__link:hover{color:var(--color-primary);transform:translate(4px)}.footer__link--active{color:var(--color-primary);font-weight:var(--font-medium,500)}.footer__services-toggle{width:100%;padding:var(--space-2,.5rem) var(--space-4,1rem);border:1px solid var(--border-light);border-radius:var(--radius-sm,.25rem);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast,.15s ease);justify-content:space-between;align-items:center;gap:var(--space-2,.5rem);min-height:var(--touch-target-min,44px);display:flex}.footer__services-toggle:hover{background:var(--bg-hover);border-color:var(--border-primary)}.footer__services-summary{align-items:center;gap:var(--space-2,.5rem);display:flex}.footer__services-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.footer__services-dot--ok{background:var(--color-success);box-shadow:0 0 4px #10b98166}.footer__services-dot--warn{background:var(--color-error);box-shadow:0 0 4px #ef444466}.footer__services-toggle-label{font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500);color:var(--text-secondary)}.footer__services-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.footer__services-chevron--open{transform:rotate(180deg)}.footer__services-panel{margin-top:var(--space-2,.5rem);padding:var(--space-2,.5rem) 0}.footer__services-meta{margin:0 0 var(--space-2,.5rem);color:var(--text-tertiary);font-size:var(--text-xs,.75rem)}.footer__services-loading{margin:0 0 var(--space-2,.5rem);color:var(--text-secondary);font-size:var(--text-xs,.75rem)}.footer__service-list{gap:var(--space-1,.25rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__service-item{align-items:center;gap:var(--space-1,.25rem);padding:var(--space-1,.25rem) var(--space-2,.5rem);border:1px solid var(--border-light);border-radius:var(--radius-sm,.25rem);background:var(--bg-primary);grid-template-columns:1fr auto auto;display:grid}.footer__service-name{color:var(--text-primary);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500)}.footer__service-status{font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold,600);border-radius:var(--radius-full);padding:2px 8px}.footer__service-status--alive{color:var(--color-success-dark);background:var(--color-success-bg)}.footer__service-status--down{color:var(--color-error-dark);background:var(--color-error-bg)}.footer__service-version{color:var(--text-secondary);font-size:var(--text-xs,.75rem);font-variant-numeric:tabular-nums}[data-theme=dark] .footer__service-status--alive{color:#bbf7d0;background:#10b98140}[data-theme=dark] .footer__service-status--down{color:#fecaca;background:#ef444440}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .footer__service-status--alive{color:#bbf7d0;background:#10b98140}html:not([data-theme=light]) .footer__service-status--down{color:#fecaca;background:#ef444440}}.footer__bottom{padding-top:var(--space-6,1.5rem);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--space-6,1.5rem);display:flex}@media (width<=768px){.footer__bottom{text-align:center;flex-direction:column}}.footer__copyright{color:var(--text-tertiary);font-size:var(--text-sm,.875rem)}.footer__social{gap:var(--space-4,1rem);display:flex}.footer__social-link{background:var(--bg-tertiary);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}@media (width<=480px){.footer{padding:var(--space-8,2rem) 0 var(--space-4,1rem)}.footer__content{gap:var(--space-6,1.5rem);grid-template-columns:1fr}.footer__description{max-width:100%}}.admin-layout{min-height:calc(100vh - var(--header-height,64px));display:flex}.admin-layout__container{width:100%;max-width:100%;margin:0 auto;display:flex}.admin-layout__sidebar{width:var(--sidebar-width,220px);min-width:var(--sidebar-width,220px);padding:var(--space-6,1.5rem) var(--space-4,1rem);border-right:1px solid var(--border-light,#e2e8f0);background:var(--bg-secondary,#f8fafc);flex-shrink:0}.admin-layout__title{font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold,600);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,#94a3b8);margin:0 0 var(--space-4,1rem) var(--space-2,.5rem)}.admin-layout__nav ul{margin:0;padding:0;list-style:none}.admin-layout__menu-divider{background:var(--border-light,#e2e8f0);height:1px;margin:var(--space-2,.5rem) 0}.admin-layout__menu-link{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border-radius:var(--radius-md,.375rem);color:var(--text-secondary,#475569);font-size:var(--text-sm,.875rem);transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);min-height:var(--touch-target-min,44px);text-decoration:none;display:flex}.admin-layout__menu-link:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-primary,#0f172a)}.admin-layout__menu-link--active{background:var(--color-primary-lightest,#eff6ff);color:var(--color-primary-dark,#1d4ed8);font-weight:var(--font-medium,500)}.admin-layout__menu-icon{color:inherit;opacity:.7;align-items:center;display:flex}.admin-layout__menu-link--active .admin-layout__menu-icon{opacity:1}.admin-layout__menu-label{white-space:nowrap}.admin-layout__menu-group{margin-bottom:var(--space-1,.25rem)}.admin-layout__group-toggle{width:100%;padding:var(--space-2,.5rem) var(--space-3,.75rem);border-radius:var(--radius-md,.375rem);cursor:pointer;font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold,600);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary,#94a3b8);transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);min-height:var(--touch-target-min,44px);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.admin-layout__group-toggle:hover{background:var(--bg-hover,#e2e8f0);color:var(--text-secondary,#475569)}.admin-layout__group-toggle--active{color:var(--color-primary,#2563eb)}.admin-layout__group-label{white-space:nowrap}.admin-layout__group-chevron{color:var(--text-tertiary,#94a3b8);flex-shrink:0;transition:transform .2s}.admin-layout__group-chevron--expanded{transform:rotate(180deg)}.admin-layout__group-items{padding:0;padding-left:var(--space-2,.5rem);border-left:2px solid var(--border-light,#e2e8f0);margin:0;margin-left:var(--space-2,.5rem);margin-top:var(--space-1,.25rem);list-style:none}.admin-layout__main{min-width:0;padding:var(--space-8,2rem);flex:1;position:relative}.admin-layout__content{max-width:100%}.admin-layout__content h1{margin-top:0;margin-bottom:var(--space-6,1.5rem)}.admin-layout__badge{background:var(--color-error,#ef4444);color:#fff;min-width:20px;height:20px;font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold,600);border-radius:10px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;display:inline-flex}.admin-layout__toggle{z-index:20;background:var(--bg-primary,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,.375rem);padding:var(--space-2,.5rem);cursor:pointer;color:var(--text-secondary,#475569);box-shadow:var(--shadow-xs);transition:background var(--transition-fast,.15s ease), box-shadow var(--transition-fast,.15s ease);min-width:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px);display:none}.admin-layout__toggle:hover{background:var(--bg-secondary,#f8fafc);box-shadow:var(--shadow-sm)}.admin-layout__toggle:active{background:var(--bg-hover,#e2e8f0)}.admin-layout__overlay{z-index:10;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.admin-layout__sidebar{width:200px;min-width:200px}.admin-layout__main{padding:var(--space-6,1.5rem)}}@media (width<=768px){.admin-layout__container{flex-direction:column}.admin-layout__sidebar{top:var(--header-height,64px);z-index:15;border-right:1px solid var(--border-light,#e2e8f0);width:280px;max-width:85vw;padding:var(--space-6,1.5rem) var(--space-4,1rem);border-bottom:none;transition:transform .3s;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-layout__sidebar--open{box-shadow:var(--shadow-lg);transform:translate(0)}.admin-layout__nav ul{gap:var(--space-1,.25rem);flex-direction:column;display:flex}.admin-layout__menu-divider{margin:var(--space-4,1rem) 0;display:block}.admin-layout__group-toggle{padding:var(--space-3,.75rem) var(--space-4,1rem);font-size:var(--text-sm,.875rem)}.admin-layout__group-items{margin-left:var(--space-3,.75rem);padding-left:var(--space-3,.75rem)}.admin-layout__menu-link{padding:var(--space-3,.75rem) var(--space-4,1rem);font-size:var(--text-base,1rem)}.admin-layout__main{padding:var(--space-4,1rem)}.admin-layout__toggle{justify-content:center;align-items:center;display:flex}.admin-layout__topbar{justify-content:space-between}.admin-layout__overlay{display:block}.admin-layout__content h1{font-size:var(--text-2xl,1.5rem)}}@media (width<=480px){.admin-layout__sidebar{width:100%;max-width:100%}.admin-layout__main{padding:var(--space-3,.75rem)}.admin-layout__content h1{font-size:var(--text-xl,1.25rem)}}.admin-layout__topbar{padding:var(--space-2,.5rem) 0;margin-bottom:var(--space-2,.5rem);justify-content:flex-end;align-items:center;display:flex}.notification-bell{position:relative}.notification-bell__trigger{border:1px solid var(--border-light,#d1d5db);border-radius:var(--radius-md,.375rem);background:var(--bg-primary,#fff);width:36px;height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;display:flex;position:relative}.notification-bell__trigger:hover{background:var(--bg-hover,#f3f4f6);color:var(--text-primary,#374151)}.notification-bell__badge{background:var(--color-error,#ef4444);color:#fff;min-width:18px;height:18px;font-size:.65rem;font-weight:var(--font-bold,700);text-align:center;border-radius:9px;padding:0 4px;line-height:18px;position:absolute;top:-4px;right:-4px}.notification-bell__dropdown{background:var(--bg-primary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-lg,.5rem);width:340px;max-height:420px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-bell__header{padding:var(--space-3,.75rem) var(--space-4,1rem);border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.notification-bell__header-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold,600);color:var(--text-primary,#111827)}.notification-bell__mark-all{color:var(--color-primary,#2563eb);font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500);cursor:pointer;background:0 0;border:none;padding:0}.notification-bell__mark-all:hover{text-decoration:underline}.notification-bell__list{max-height:350px;overflow-y:auto}.notification-bell__empty{padding:var(--space-8,2rem) var(--space-4,1rem);text-align:center;color:var(--text-tertiary,#9ca3af);font-size:var(--text-sm,.875rem)}.notification-bell__item{align-items:flex-start;gap:var(--space-2,.5rem);width:100%;padding:var(--space-3,.75rem) var(--space-4,1rem);border:none;border-bottom:1px solid var(--border-light,#f3f4f6);cursor:pointer;text-align:left;transition:background var(--transition-fast,.15s ease);min-height:var(--touch-target-min,44px);background:0 0;display:flex}.notification-bell__item:hover{background:var(--bg-hover,#f9fafb)}.notification-bell__item--unread{background:var(--color-info-bg,#eff6ff)}.notification-bell__item--unread:hover{background:var(--color-primary-lighter,#dbeafe)}.notification-bell__icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.notification-bell__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-bell__title{font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold,600);color:var(--text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-bell__message{font-size:var(--text-xs,.75rem);color:var(--text-secondary,#6b7280);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-bell__time{color:var(--text-tertiary,#9ca3af);font-size:.7rem}.notification-bell__dot{background:var(--color-primary,#2563eb);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}[data-theme=dark] .notification-bell__trigger{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .notification-bell__trigger:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .notification-bell__dropdown{background:var(--bg-tertiary);border-color:var(--border-primary);box-shadow:var(--shadow-xl)}[data-theme=dark] .notification-bell__header{border-color:var(--border-primary)}[data-theme=dark] .notification-bell__header-title{color:var(--text-primary)}[data-theme=dark] .notification-bell__item{border-color:var(--border-primary)}[data-theme=dark] .notification-bell__item:hover{background:var(--bg-hover)}[data-theme=dark] .notification-bell__item--unread{background:#3b82f626}[data-theme=dark] .notification-bell__item--unread:hover{background:#3b82f640}[data-theme=dark] .notification-bell__title{color:var(--text-primary)}[data-theme=dark] .notification-bell__message{color:var(--text-secondary)}@media (width<=480px){.notification-bell__dropdown{width:290px;right:-8px}}@media (width>=1025px){.admin-layout__container,.admin-layout__content{max-width:100%}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn:disabled:hover{opacity:.5;cursor:not-allowed}.btn.btn--primary{background-color:var(--color-primary);color:#fff}.btn.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.btn--secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn.btn--secondary:hover:not(:disabled){background-color:var(--border);transform:translateY(-1px)}.btn.btn--danger{background-color:var(--color-danger);color:#fff}.btn.btn--danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn.btn--success{background-color:var(--color-success);color:#fff}.btn.btn--success:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.btn.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn.btn--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn.btn--full{width:100%}.btn .btn__loader{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@media (width<=768px){.btn{min-height:44px}.btn--sm{min-height:40px}.btn--lg{min-height:52px}}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-base), border-color var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);background-color:var(--bg-tertiary)}.card__head{padding:var(--spacing-lg) var(--spacing-lg) 0}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card__body{padding:var(--spacing-lg)}.card__footer{padding:var(--spacing-lg);border-top:1px solid var(--border);background-color:var(--bg-tertiary);gap:var(--spacing-md);justify-content:flex-end;display:flex}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=768px){.site-brand span{display:none}}@media (width<=767px){.nav-toggle{display:flex}}@media (width<=767px){.nav-menu{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);max-height:0;transition:max-height var(--transition-base);flex-direction:column;gap:0;margin-left:0;padding:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.active{max-height:500px}.nav-list{padding:var(--spacing-md) 0;flex-direction:column;gap:0;width:100%}.nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:0}.nav-link.active:after{display:none}.nav-link.active{background:var(--bg-tertiary)}}@media (width<=767px){.login-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);max-height:0;transition:max-height var(--transition-base);border-radius:0;flex-direction:column;gap:0;margin:0;padding:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.active~.login-section{max-height:300px;padding:var(--spacing-md) 0;overflow-y:auto}.login-section .nav-list{flex-direction:column;gap:0;width:100%}.login-section .nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:0}.login-section .nav-item.dropdown{width:100%}.login-section .nav-link.dropdown-toggle{justify-content:flex-start;width:100%}}@media (width>=768px){.site-footer .container{flex-direction:row}}@media (width<=900px){.user-debug-card--code{grid-column:span 1}}@media (width<=600px){.user-debug-card{padding:var(--spacing-xl)}.user-debug__meta-row{text-align:left;flex-direction:column;align-items:flex-start}.user-debug__meta-row dd{text-align:left}}:root{font-family:var(--font-sans);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--text-primary);background-color:var(--bg-primary);transition:var(--transition-theme);margin:0;font-family:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font:inherit;color:inherit}img{max-width:100%;display:block}.app-layout{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}main{padding:clamp(var(--space-6), 4vw, var(--space-16)) 0;flex:1;padding-top:0}.skip-to-main{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-md) 0;font-weight:var(--font-semibold);z-index:calc(var(--z-fixed) + 1);transition:top var(--transition-fast);position:absolute;top:-40px;left:0}.skip-to-main:focus{top:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--color-primary);--header-height:70px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{flex-direction:column;min-height:100vh;display:flex}.app-layout{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);flex-direction:column;display:flex}main{background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);flex:1}.site-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);z-index:var(--z-sticky);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);position:sticky;top:0}.site-header:hover{box-shadow:var(--shadow-md)}.site-header .container{padding:var(--spacing-md) var(--spacing-lg)}.header-container{justify-content:space-between;align-items:center;gap:var(--spacing-lg);width:100%;display:flex}.site-brand{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:color var(--transition-fast);flex-shrink:0;text-decoration:none;display:flex}.site-brand img{border-radius:var(--radius-lg);width:40px;height:40px}.site-brand:hover{color:var(--color-primary)}@media (width<=768px){.site-brand span{display:none}}.header-actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.theme-toggle{border:1px solid var(--border-light);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--color-primary);background:var(--bg-tertiary);color:var(--color-primary);outline:none}.theme-toggle svg{width:1.25rem;height:1.25rem}.nav-menu{align-items:center;gap:var(--spacing-lg);margin-left:var(--spacing-lg);flex:1;display:flex}.nav-list{gap:var(--spacing-lg);align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-link.active:after{content:"";background:var(--color-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:0;left:0;right:0}.menu-icon{width:1.25rem;height:1.25rem;display:inline-flex}.menu-icon svg{width:100%;height:100%}.nav-item.dropdown .submenu{margin:0;padding:0;list-style:none;display:none}.nav-item.dropdown.open .submenu{display:block}.submenu{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--component-radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-dropdown);margin-top:var(--spacing-sm);position:absolute;top:100%;right:0;overflow:hidden}.submenu li{margin:0}.submenu .nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-radius:0;display:block}.submenu .nav-link:hover{background:var(--bg-tertiary);color:var(--color-primary)}.submenu .nav-link:after{display:none}.logout-button{color:var(--color-danger)}.logout-button:hover{background:var(--color-danger-light)}.user-icon{width:1.25rem;height:1.25rem;display:inline-flex}.user-icon svg{width:100%;height:100%}.nav-toggle{cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;flex-direction:column;gap:4px;width:40px;height:40px;display:none}@media (width<=767px){.nav-toggle{display:flex}}.nav-toggle span{background-color:var(--text-primary);width:24px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);transform-origin:50%}.nav-toggle.active span:first-child{transform:rotate(45deg)translateY(10px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:last-child{transform:rotate(-45deg)translateY(-10px)}@media (width<=767px){.nav-menu{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);max-height:0;transition:max-height var(--transition-base);flex-direction:column;gap:0;margin-left:0;padding:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.active{max-height:500px}.nav-list{padding:var(--spacing-md) 0;flex-direction:column;gap:0;width:100%}.nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:0}.nav-link.active:after{display:none}.nav-link.active{background:var(--bg-tertiary)}}.login-section{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.login-section .nav-list{gap:var(--spacing-md);align-items:center;margin:0;padding:0;list-style:none;display:flex}@media (width<=767px){.login-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);max-height:0;transition:max-height var(--transition-base);border-radius:0;flex-direction:column;gap:0;margin:0;padding:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.active~.login-section{max-height:300px;padding:var(--spacing-md) 0;overflow-y:auto}.login-section .nav-list{flex-direction:column;gap:0;width:100%}.login-section .nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:0}.login-section .nav-item.dropdown{width:100%}.login-section .nav-link.dropdown-toggle{justify-content:flex-start;width:100%}}.skip-link{background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:0 0 var(--radius-md) 0;font-weight:var(--font-weight-semibold);z-index:9999;transition:top var(--transition-fast);position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-2xl) 0;color:var(--text-secondary);margin-top:auto}.site-footer .nav-link{color:inherit}.site-footer .nav-link:hover,.site-footer .nav-link:focus-visible{color:var(--color-primary)}.site-footer .container{gap:var(--spacing-md);flex-direction:column;justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.site-footer .container{flex-direction:row}}.user-debug{gap:var(--spacing-2xl);flex-direction:column;display:flex}.user-debug__intro{max-width:60ch;color:var(--text-secondary)}.user-debug__grid{gap:clamp(var(--spacing-lg), 3vw, var(--spacing-2xl));margin-top:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.user-debug-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.user-debug-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.user-debug-card__eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.user-debug-card__hint{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.user-debug-card__badge{min-width:2rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-light);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.user-debug__meta-list{gap:var(--spacing-md);margin:0;display:grid}.user-debug__meta-row{justify-content:space-between;gap:var(--spacing-lg);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-md);display:flex}.user-debug__meta-row:last-child{border-bottom:none;padding-bottom:0}.user-debug__meta-row dt{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.user-debug__meta-row dd{font-weight:var(--font-weight-semibold);text-align:right;margin:0}.user-debug__pill-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.user-debug__pill{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.user-debug__code{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;min-height:240px;padding:var(--spacing-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-primary);overflow:auto}.user-debug__mono{font-family:var(--font-family-mono);letter-spacing:.02em}.user-debug-card--code{grid-column:span 2}.user-debug__empty{color:var(--text-secondary);margin:0;font-style:italic}.user-debug__state{gap:var(--spacing-lg);padding:var(--spacing-2xl);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px dashed var(--border-light);flex-direction:column;align-items:center;display:inline-flex}.user-debug-card--session .ghost-link{border:1px solid var(--border-light);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md)}@media (width<=900px){.user-debug-card--code{grid-column:span 1}}@media (width<=600px){.user-debug-card{padding:var(--spacing-xl)}.user-debug__meta-row{text-align:left;flex-direction:column;align-items:flex-start}.user-debug__meta-row dd{text-align:left}}.auth-shell{background:linear-gradient(135deg, var(--color-primary-lightest) 0%, var(--color-bg-primary) 100%);min-height:100vh;padding:clamp(var(--spacing-md), 4vw, var(--spacing-lg));justify-content:center;align-items:center;display:flex}.auth-panel{gap:var(--spacing-2xl);flex-direction:column;width:100%;max-width:700px;display:flex}.auth-panel>form,.auth-panel>div:first-child{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(var(--spacing-lg), 5vw, var(--spacing-2xl));box-shadow:var(--shadow-lg)}.auth-brand-card{gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.auth-brand-card__icon{border-radius:var(--radius-lg);background:var(--bg-primary);border:2px solid var(--border-light);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.auth-brand-card__icon img{object-fit:contain;width:64px;height:64px}.auth-brand-card__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin:0}.auth-brand-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.auth-brand-card__copy{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:40ch;line-height:var(--line-height-relaxed);margin:0}html[data-theme=dark] .auth-shell{background:var(--bg-primary)}html[data-theme=dark] .auth-panel>form,html[data-theme=dark] .auth-panel>div:first-child{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:var(--shadow-xl)}html[data-theme=dark] .auth-brand-card{background:var(--bg-secondary);border-color:var(--border-primary)}html[data-theme=dark] .auth-brand-card__icon{background:var(--bg-tertiary);border-color:var(--border-primary)}html[data-theme=dark] .auth-brand-card__eyebrow{color:var(--brand-primary)}html[data-theme=dark] .auth-brand-card__title{color:var(--text-primary)}html[data-theme=dark] .auth-brand-card__copy{color:var(--text-secondary)}@media (width<=640px){.auth-shell{padding:var(--spacing-md)}.auth-panel{gap:var(--spacing-lg);max-width:100%}.auth-panel>form,.auth-panel>div:first-child,.auth-brand-card{padding:var(--spacing-lg)}.auth-brand-card__icon{width:64px;height:64px}.auth-brand-card__icon img{width:50px;height:50px}}