@layer layout{.root-layout{display:flex;flex-direction:column;min-height:100vh}.main-content-wrap{display:flex;flex-direction:column;flex:1}}@layer base{h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-semibold);color:var(--color-text)}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{line-height:var(--leading-normal);color:var(--color-text-secondary)}small{font-size:var(--text-sm)}code,pre{font-family:var(--font-mono)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}:is(button,[role=button],select,[type=submit]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:is(input,textarea):focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input,select,textarea{font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}:is(input,select,textarea)::placeholder{color:var(--color-text-muted)}:is(input,select,textarea):disabled{opacity:.5;cursor:not-allowed}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}fieldset{border:none;padding:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;text-decoration:none;min-height:2.25rem}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:767px){.btn{min-height:2.75rem}}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-hover)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:1.75rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:2.75rem}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:var(--leading-normal);white-space:nowrap}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-muted{background:var(--color-surface-hover);color:var(--color-text-muted)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal)}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid color-mix(in oklch,var(--color-error) 20%,transparent)}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid color-mix(in oklch,var(--color-success) 20%,transparent)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid color-mix(in oklch,var(--color-warning) 30%,transparent)}.alert-info{background:var(--color-info-light);color:var(--color-info);border:1px solid color-mix(in oklch,var(--color-info) 20%,transparent)}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-semibold);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}