:root{--color-primary:#2f7d4a;--color-primary-hover:#27683e;--color-primary-active:#205433;--color-primary-soft:#e8f4ec;--color-primary-border:#b8d9c2;--color-background:#f4f7f5;--color-surface:#ffffff;--color-surface-secondary:#eef3f0;--color-surface-tertiary:#e4ebe7;--color-surface-hover:#e8efeb;--color-text:#18231d;--color-text-secondary:#526158;--color-text-muted:#77827b;--color-text-inverse:#ffffff;--color-border:#d6dfd9;--color-border-strong:#bdc9c1;--color-focus:rgba(47,125,74,0.22);--color-success:#2f7d4a;--color-success-soft:#e8f4ec;--color-warning:#a86513;--color-warning-soft:#fff3df;--color-danger:#b74242;--color-danger-soft:#fdeaea;--color-info:#326b9b;--color-info-soft:#e8f2fa;--font-family:Arial,Helvetica,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.55;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-round:999px;--shadow-sm:0 2px 8px rgba(24,35,29,0.06);--shadow-md:0 8px 24px rgba(24,35,29,0.08);--shadow-lg:0 18px 45px rgba(24,35,29,0.12);--container-width:1280px;--header-height:72px;--transition-fast:150ms ease;--transition-normal:220ms ease;--transition-slow:320ms ease}[data-theme=dark]{--color-primary:#58b875;--color-primary-hover:#69c984;--color-primary-active:#489e63;--color-primary-soft:#173724;--color-primary-border:#2e6040;--color-background:#101713;--color-surface:#17201a;--color-surface-secondary:#1d2921;--color-surface-tertiary:#253329;--color-surface-hover:#2a3a2f;--color-text:#f1f6f2;--color-text-secondary:#bac6bd;--color-text-muted:#8f9d93;--color-text-inverse:#0f1712;--color-border:#2d3a31;--color-border-strong:#3b4a40;--color-focus:rgba(88,184,117,0.24);--color-success:#58b875;--color-success-soft:#173724;--color-warning:#d6a354;--color-warning-soft:#3c2c15;--color-danger:#df7070;--color-danger-soft:#3b1d1d;--color-info:#73a9d4;--color-info-soft:#172f43;--shadow-sm:0 2px 8px rgba(0,0,0,0.18);--shadow-md:0 8px 24px rgba(0,0,0,0.25);--shadow-lg:0 18px 45px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--color-background)}body{min-height:100vh;margin:0;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);transition:background-color var(--transition-normal),color var(--transition-normal)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--color-primary-soft);color:var(--color-text)}.container{width:min(100% - 2rem,var(--container-width));margin-inline:auto}.site-main{min-height:calc(100vh - var(--header-height))}.surface{background:var(--color-surface);box-shadow:var(--shadow-sm)}.surface,.surface-secondary{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.surface-secondary{background:var(--color-surface-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-weight:700;gap:5px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.button-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 6px 16px rgba(47,125,74,.18)}.button-primary:hover{background:var(--color-primary-hover)}.button-primary:active{background:var(--color-primary-active)}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.input,.textarea{width:100%;min-height:46px;padding:0 var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.textarea{min-height:140px;padding-block:var(--space-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus)}.card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);border-color:var(--color-primary-border);box-shadow:var(--shadow-md)}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__inner{display:flex;align-items:center;height:100%;gap:var(--space-8)}.site-logo{gap:var(--space-3);flex-shrink:0}.site-logo,.site-logo__icon{display:inline-flex;align-items:center}.site-logo__icon{justify-content:center;width:42px;height:42px;color:var(--color-text-inverse);border-radius:var(--radius-md)}.site-logo__text{display:flex;align-items:baseline;gap:var(--space-1);color:var(--color-text);font-size:var(--font-size-lg)}.site-logo__text strong{font-weight:800}.site-logo__text span{color:var(--color-text-secondary);font-weight:600}.site-navigation{display:flex;align-items:center;gap:var(--space-2)}.site-navigation__link{position:relative;padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;transition:color var(--transition-fast),background-color var(--transition-fast)}.site-navigation__link--active,.site-navigation__link:hover{color:var(--color-text);background:var(--color-surface-secondary)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.site-header__create-button,.site-header__login-button{gap:var(--space-2)}.site-header__menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mobile-navigation{display:none}@media (max-width:900px){.site-header__create-button,.site-header__login-button,.site-navigation{display:none}.site-header__menu-button{display:inline-flex}.mobile-navigation{position:absolute;top:var(--header-height);left:0;right:0;display:block;max-height:0;overflow:hidden;background:var(--color-surface);border-bottom:1px solid transparent;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-normal),border-color var(--transition-normal)}.mobile-navigation--open{max-height:430px;border-color:var(--color-border);opacity:1}.mobile-navigation__inner{display:grid;gap:var(--space-3);padding-block:var(--space-4)}.mobile-navigation__link{padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-weight:700}}@media (max-width:640px){:root{--header-height:64px}.site-logo__icon{width:38px;height:38px}.site-logo__text{font-size:var(--font-size-md)}}.site-header__account-skeleton{width:136px;height:44px;border-radius:var(--radius-md)}.site-account{position:relative}.site-account__trigger{display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);color:var(--color-text);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.site-account__trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.site-account--open .site-account__trigger,.site-account__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus)}.site-account__avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm)}.site-account__content{display:flex;min-width:0;flex-direction:column}.site-account__label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;line-height:1.1}.site-account__name{max-width:110px;overflow:hidden;color:var(--color-text);font-size:var(--font-size-sm);font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.site-account__chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-muted);font-size:var(--font-size-xs);transition:color var(--transition-fast),transform var(--transition-normal)}.site-account--open .site-account__chevron{color:var(--color-primary);transform:rotate(180deg)}.site-account__menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:1300;width:280px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:account-menu-enter var(--transition-fast)}.site-account__summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.site-account__summary-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-md)}.site-account__summary-content{display:flex;min-width:0;flex-direction:column}.site-account__summary-content span,.site-account__summary-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-account__summary-content strong{color:var(--color-text);font-size:var(--font-size-sm)}.site-account__summary-content span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.site-account__menu-divider{height:1px;margin:var(--space-2) 0;background:var(--color-border)}.site-account__menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:42px;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);outline:none;font-size:var(--font-size-sm);font-weight:700;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.site-account__menu-item svg{width:17px;color:var(--color-text-muted)}.site-account__menu-item:hover{color:var(--color-text);background:var(--color-surface-secondary)}.site-account__menu-item:hover svg{color:var(--color-primary)}.site-account__menu-item:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.site-account__sign-out{cursor:pointer}.site-account__sign-out:hover{color:var(--color-danger);background:var(--color-danger-soft)}.site-account__sign-out:hover svg{color:var(--color-danger)}.site-account__sign-out:disabled{cursor:wait;opacity:.65}.mobile-account-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-md)}.mobile-account-summary__avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;color:var(--color-primary);background:var(--color-surface);border-radius:var(--radius-sm)}.mobile-account-summary__content{display:flex;min-width:0;flex-direction:column}.mobile-account-summary__content small,.mobile-account-summary__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-account-summary__content span{color:var(--color-text);font-weight:800}.mobile-account-summary__content small{color:var(--color-text-secondary)}.mobile-navigation__link{display:flex;align-items:center;gap:var(--space-3)}.mobile-navigation__link svg{width:18px;color:var(--color-primary)}.mobile-navigation__link--primary{color:var(--color-text-inverse);background:var(--color-primary)}.mobile-navigation__link--primary svg{color:var(--color-text-inverse)}.mobile-navigation__sign-out{width:100%;color:var(--color-danger);text-align:left;border:0;cursor:pointer}.mobile-navigation__sign-out svg{color:var(--color-danger)}.mobile-navigation__sign-out:disabled{cursor:wait;opacity:.65}@keyframes account-menu-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme{width:44px!important;padding:0!important}@media (max-width:900px){.site-account,.site-header__account-skeleton,.site-header__create-button,.site-header__login-button,.site-navigation{display:none}.site-header__menu-button{display:inline-flex}}.custom-dropdown{position:relative;min-width:190px}.custom-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:48px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);color:var(--color-text);text-align:left;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.custom-dropdown__trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.custom-dropdown--open .custom-dropdown__trigger,.custom-dropdown__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus)}.custom-dropdown__trigger:disabled{cursor:not-allowed;opacity:.55}.custom-dropdown__trigger-content{display:flex;min-width:0;flex-direction:column}.custom-dropdown__label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;line-height:1.2}.custom-dropdown__value{overflow:hidden;color:var(--color-text);font-size:var(--font-size-sm);font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown__chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-normal)}.custom-dropdown--open .custom-dropdown__chevron,.custom-dropdown__trigger:hover .custom-dropdown__chevron{color:var(--color-primary);background:var(--color-primary-soft)}.custom-dropdown--open .custom-dropdown__chevron{transform:rotate(180deg)}.custom-dropdown__menu{position:absolute;top:calc(100% + var(--space-2));right:0;left:0;z-index:1200;min-width:220px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:custom-dropdown-enter var(--transition-fast)}.custom-dropdown__menu-inner{display:grid;gap:var(--space-1);max-height:320px;overflow-y:auto;overscroll-behavior:contain}.custom-dropdown__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:42px;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);outline:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.custom-dropdown__option--focused,.custom-dropdown__option:hover{color:var(--color-text);background:var(--color-surface-secondary)}.custom-dropdown__option:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.custom-dropdown__option--selected{color:var(--color-primary);background:var(--color-primary-soft);font-weight:800}.custom-dropdown__option--selected.custom-dropdown__option--focused,.custom-dropdown__option--selected:hover{color:var(--color-primary-hover);background:var(--color-primary-soft)}.custom-dropdown__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown__option-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--color-primary)}@keyframes custom-dropdown-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.custom-dropdown{width:100%;min-width:0}.custom-dropdown__menu{min-width:100%}}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-surface) 65%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-text{height:14px}.skeleton-text,.skeleton-text-sm{border-radius:var(--radius-round)}.skeleton-text-sm{height:10px}.skeleton-text-lg{height:22px;border-radius:var(--radius-round)}.skeleton-heading{height:44px;border-radius:var(--radius-md)}.skeleton-button{width:130px;height:46px;border-radius:var(--radius-md)}.skeleton-icon{width:44px;height:44px;border-radius:var(--radius-md)}.skeleton-input{width:100%;height:50px;border-radius:var(--radius-md)}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}