.react-loading-skeleton{--base-color:#eef7ff;--highlight-color:#d2e7ff}[data-theme=dark] .react-loading-skeleton{--base-color:#1c1a18;--highlight-color:#272420}
.btn-primary{border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.btn-primary:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px;outline:2px solid #0000}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);border:1px solid #0000;box-shadow:0 1px 3px #1e285026,inset 0 1px #ffffff1a}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-.5px);box-shadow:0 2px 8px #1e285033,inset 0 1px #ffffff1a}.btn-primary:active{background-color:var(--color-primary-active);transform:translateY(0)}.btn-primary:focus{box-shadow:0 0 0 3px var(--color-border-focus)}.btn-secondary{border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.btn-secondary:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px;outline:2px solid #0000}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-secondary:focus{box-shadow:0 0 0 3px var(--color-border-focus)}.btn-ghost{border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.btn-ghost:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px;outline:2px solid #0000}.btn-ghost{color:var(--color-text-primary);background-color:#0000;border:1px solid #0000}.btn-ghost:hover{background-color:var(--color-surface-elevated)}.btn-ghost:focus{box-shadow:0 0 0 3px var(--color-border-focus)}.card-modern{background-color:var(--color-surface-base);border:1px solid var(--color-border-subtle);transition:all .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #1e28500a,0 1px 2px #1e285008}.card-modern:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1e285014,0 2px 6px #1e28500a}.card-elevated{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);box-shadow:0 2px 8px #1e28500f,0 1px 3px #1e28500a}.input-modern{border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.input-modern:focus{outline-offset:2px;outline:2px solid #0000}.input-modern{background-color:var(--color-surface-input);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.input-modern:focus{background-color:var(--color-surface-base);border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2d8dff1a}.input-modern::placeholder{color:var(--color-text-muted)}.nav-item{padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.nav-item:focus{outline-offset:2px;outline:2px solid #0000}.nav-item{color:var(--color-text-secondary);border-bottom:2px solid #0000}.nav-item:hover{color:var(--color-text-primary);border-bottom-color:var(--color-border-strong)}.nav-item.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary);font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverted{color:var(--color-text-inverted)}.bg-surface{background-color:var(--color-surface-base)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.bg-surface-muted{background-color:var(--color-surface-muted)}.border-subtle{border-color:var(--color-border-subtle)}.border-strong{border-color:var(--color-border-strong)}.focus-ring:focus{outline-offset:2px;outline:2px solid #0000}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--color-border-focus)}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .2s cubic-bezier(.22,1,.36,1)}