.icon{stroke-width:1.75px;vertical-align:-3px;flex:none;width:16px;height:16px}.icon-md{width:18px;height:18px}.icon-lg{width:20px;height:20px}.icon-xl{width:24px;height:24px}.loader{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.loader-lg{width:24px;height:24px;color:var(--color-selection);border-width:2.5px}.loader-region{align-content:center;justify-items:center;gap:var(--spacing-space-3);min-height:160px;padding:var(--spacing-space-12) var(--spacing-space-6);color:var(--color-muted-foreground);text-align:center;display:grid}.loader-status{font:var(--text-body-sm);color:var(--color-muted-foreground)}.loader-overlay{z-index:2;min-height:0;position:absolute;inset:0}.button{justify-content:center;align-items:center;gap:var(--spacing-space-2);height:var(--spacing-control);padding:0 var(--spacing-space-4);border-radius:var(--rounded-radius-full);font:var(--text-label);white-space:nowrap;cursor:pointer;background:var(--color-secondary);color:var(--color-secondary-foreground);border:1px solid #0000;text-decoration:none;display:inline-flex}.button:hover{text-decoration:none}.button:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.button-primary{background:var(--color-primary);color:var(--color-primary-foreground);padding:0 var(--spacing-space-5)}@media (hover:hover){.button-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover)}}.button-secondary{background:var(--color-secondary);border-color:var(--color-input)}@media (hover:hover){.button-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-muted)}}.button-ghost{background:0 0}@media (hover:hover){.button-ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-muted)}}.button-destructive{background:var(--color-destructive);color:var(--color-destructive-foreground);padding:0 var(--spacing-space-5)}@media (hover:hover){.button-destructive:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.92)}}.button-destructive-secondary{background:var(--color-secondary);border-color:var(--color-input);color:var(--color-error)}@media (hover:hover){.button-destructive-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-error-tint)}}.button-link{height:auto;color:var(--color-primary);background:0 0;border:0;padding:0}.button-link:hover{text-underline-offset:2px;text-decoration:underline}.button-icon{width:36px;height:36px;color:var(--color-muted-foreground);background:0 0;padding:0}@media (hover:hover){.button-icon:hover:not(:disabled){background:var(--color-muted);color:var(--color-foreground)}}.button-sm{height:32px;padding:0 var(--spacing-space-3)}.button-sm.button-icon{width:32px;padding:0}.button-lg{height:var(--spacing-touch);padding:0 var(--spacing-space-6);font-size:14px}.button-block{width:100%}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.button.is-loading{opacity:1;cursor:progress}.button-group{gap:var(--spacing-space-2);flex-wrap:wrap;align-items:center;display:flex}.button-hint{font:var(--text-body-sm);color:var(--color-muted-foreground)}.menu-wrap{display:inline-block;position:relative}.menu{z-index:40;min-width:220px;max-width:320px;padding:var(--spacing-space-1);background:var(--color-popover);color:var(--color-popover-foreground);border:1px solid var(--color-border);border-radius:var(--rounded-radius-lg);box-shadow:var(--elevation-2);transform-origin:0 0;position:absolute;top:calc(100% + 6px);left:0}.menu-right{transform-origin:100% 0;left:auto;right:0}.menu-item{align-items:center;gap:var(--spacing-space-2);border-radius:var(--rounded-radius-md);text-align:left;cursor:pointer;width:100%;min-height:36px;font:var(--text-body-base);color:inherit;background:0 0;border:0;padding:6px 10px;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-muted);outline:none;text-decoration:none}.menu-item .icon{color:var(--color-muted-foreground)}.menu-item-body{flex:1;min-width:0;display:grid}.menu-item-sub{color:var(--color-muted-foreground);font-size:12px}.menu-item .menu-check{visibility:hidden;color:var(--color-selection)}.menu-item[aria-checked=true] .menu-check{visibility:visible}.menu-sep{height:1px;margin:var(--spacing-space-1) 0;background:var(--color-border)}.menu-heading{padding:var(--spacing-space-2) 10px var(--spacing-space-1);font:var(--text-label-xs);color:var(--color-muted-foreground)}.filter-button{align-items:center;gap:var(--spacing-space-2);height:var(--spacing-control);padding:0 var(--spacing-space-3) 0 var(--spacing-space-4);border:1px solid var(--color-input);border-radius:var(--rounded-radius-full);background:var(--color-card);font:var(--text-label);color:var(--color-foreground);cursor:pointer;white-space:nowrap;display:inline-flex}@media (hover:hover){.filter-button:hover{background:var(--color-muted)}}.filter-button .icon:last-child{color:var(--color-muted-foreground)}.filter-button[aria-expanded=true]{border-color:var(--color-selection)}.switcher-button{align-items:center;gap:var(--spacing-space-2);height:36px;padding:0 var(--spacing-space-3);border-radius:var(--rounded-radius-full);font:600 14px/1 var(--font-body);color:var(--color-foreground);cursor:pointer;background:0 0;border:0;max-width:260px;display:inline-flex}.switcher-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.switcher-button:hover{background:var(--color-muted)}}.avatar{background:var(--color-primary-tint);width:32px;height:32px;color:var(--color-primary);font:600 12px/1 var(--font-body);cursor:pointer;border:0;border-radius:50%;place-items:center;display:inline-grid}.avatar:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.menu-item-body>span:first-child{min-width:0}.title-picker{align-items:center;gap:var(--spacing-space-2);padding:0 var(--spacing-space-2) 0 0;color:var(--color-foreground);cursor:pointer;border-radius:var(--rounded-radius-md);background:0 0;border:0;display:inline-flex}.title-picker .icon{color:var(--color-muted-foreground)}.title-picker .page-title{font:var(--text-heading-xl);letter-spacing:-.01em}.card{background:var(--color-card);color:var(--color-card-foreground);border-radius:var(--rounded-radius-xl);box-shadow:var(--elevation-1);padding:var(--spacing-space-6);border:0}.card-flush{padding:0;overflow:clip}.card-header{justify-content:space-between;align-items:center;gap:var(--spacing-space-3);margin-bottom:var(--spacing-space-4);flex-wrap:wrap;display:flex}.card-flush>.card-header{padding:var(--spacing-space-4) var(--spacing-space-6);border-bottom:1px solid var(--color-border);margin:0}.card-title{font:var(--text-heading-sm)}.card-gap{margin-bottom:var(--spacing-space-4)}.card-gap-xs{margin-bottom:var(--spacing-space-1)}.card-gap-sm{margin-bottom:var(--spacing-space-2)}.card-subtitle{font:var(--text-body-sm);color:var(--color-muted-foreground)}.card-footer{justify-content:flex-end;gap:var(--spacing-space-2);margin-top:var(--spacing-space-5);flex-wrap:wrap;display:flex}.card-stack{gap:var(--spacing-space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width<=767px){.card{padding:var(--spacing-space-4);border-radius:var(--rounded-radius-lg)}.card-flush{padding:0}.card-flush>.card-header{padding:var(--spacing-space-3) var(--spacing-space-4)}}.card-clickable{color:inherit;cursor:pointer;text-decoration:none;display:block}.card-clickable:hover{text-decoration:none}@media (hover:hover){.card-clickable:hover{box-shadow:var(--elevation-2)}}.card-tint{background:var(--color-highlight);color:var(--color-highlight-foreground);box-shadow:var(--elevation-2)}.card-tint .card-subtitle,.card-tint .muted,.card-tint .stat-label{color:var(--color-highlight-muted)}.card-tint .button-primary{background:var(--color-card);color:var(--color-primary)}@media (hover:hover){.card-tint .button-primary:hover{background:var(--color-primary-tint)}}.card-tint :focus-visible{outline-color:var(--color-card)}.kv{gap:var(--spacing-space-2) var(--spacing-space-4);font:var(--text-body-base);grid-template-columns:minmax(120px,200px) 1fr;display:grid}.kv dt{color:var(--color-muted-foreground)}.kv dd{min-width:0;margin:0}@media (width<=767px){.kv{grid-template-columns:1fr;gap:0}.kv dd{margin-bottom:var(--spacing-space-2)}}.lines{display:grid}.line{justify-content:space-between;gap:var(--spacing-space-4);border-bottom:1px solid var(--color-border);padding:10px 0;display:flex}.line:last-child{border-bottom:0}.line-total{border-top:1px solid var(--color-foreground);border-bottom:0;font-weight:600}.chip{height:22px;padding:0 10px 0 var(--spacing-space-2);border-radius:var(--rounded-radius-full);font:var(--text-label-xs);letter-spacing:.01em;white-space:nowrap;background:var(--color-neutral-tint);color:var(--color-neutral);align-items:center;gap:5px;display:inline-flex}.chip .icon{vertical-align:0;width:13px;height:13px}.chip-success{background:var(--color-success-tint);color:var(--color-success)}.chip-info{background:var(--color-info-tint);color:var(--color-info)}.chip-warning{background:var(--color-warning-tint);color:var(--color-warning)}.chip-error{background:var(--color-error-tint);color:var(--color-error)}.chip-neutral{background:var(--color-neutral-tint);color:var(--color-neutral)}.chip-brand{background:var(--color-marker);color:var(--color-marker-foreground)}.card-tint .chip-brand{background:var(--color-card);color:var(--color-primary)}.chip-plain{padding:0 10px}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-space-4);margin-bottom:var(--spacing-space-6);flex-wrap:wrap;display:flex}.page-header-main{gap:var(--spacing-space-1);min-width:0;display:grid}.back-link{align-items:center;gap:var(--spacing-space-1);font:var(--text-label);color:var(--color-muted-foreground);margin-bottom:var(--spacing-space-1);width:fit-content;display:inline-flex}.back-link:hover{color:var(--color-foreground);text-decoration:none}.page-title-row{align-items:center;gap:var(--spacing-space-3);flex-wrap:wrap;display:flex}.page-title{font:var(--text-heading-xl);letter-spacing:-.01em}.page-subtitle{font:var(--text-body-base);color:var(--color-muted-foreground)}.page-actions,.page-filters{align-items:center;gap:var(--spacing-space-2);flex-wrap:wrap;display:flex}@media (width<=767px){.page-header{margin-bottom:var(--spacing-space-4);flex-direction:column;align-items:stretch}.page-title{font-size:22px}.page-actions .button-primary{order:-1}}.form-page{max-width:880px}.sticky-actions{z-index:5;justify-content:flex-end;gap:var(--spacing-space-2);padding:var(--spacing-space-4) 0;background:linear-gradient(to top, var(--color-background) 70%, transparent);display:flex;position:sticky;bottom:0}@media (width<=767px){.sticky-actions .button{flex:1}}.page-stack{gap:var(--spacing-space-6);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.page-stack>*{min-width:0}.page-title-menu{font:inherit;margin:0}.empty-state{text-align:center;justify-items:center;gap:var(--spacing-space-2);padding:var(--spacing-space-12) var(--spacing-space-6);display:grid}.empty-icon{background:var(--color-muted);width:48px;height:48px;color:var(--color-muted-foreground);margin-bottom:var(--spacing-space-2);border-radius:50%;place-items:center;display:grid}.empty-state.is-error .empty-icon{background:var(--color-error-tint);color:var(--color-error)}.empty-title{font:var(--text-heading-sm)}.empty-text{font:var(--text-body-base);color:var(--color-muted-foreground);max-width:420px}.empty-actions{margin-top:var(--spacing-space-3);gap:var(--spacing-space-2);flex-wrap:wrap;justify-content:center;display:flex}.empty-inline{padding:var(--spacing-space-8) var(--spacing-space-4)}
