@layer components{.web-workspace{font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--web-shadow-sm:0 1px 2px #0f172a0d;--web-shadow-lg:0 16px 40px -12px #0f172a40, 0 2px 6px #0f172a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.web-workspace :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.web-workspace :is(button,[role=button],summary,label):not(:disabled){cursor:pointer}.web-workspace .web-skip-link{z-index:100;background:var(--color-surface);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.web-workspace .web-skip-link:focus{top:12px}.web-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:38px;color:var(--color-foreground);box-shadow:var(--web-shadow-sm);border-radius:8px;padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.web-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-border), var(--color-foreground) 18%)}.web-workspace .web-input:focus-visible,.web-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.web-input[aria-invalid=true]{border-color:var(--color-destructive)}.web-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-destructive) 18%, transparent)}.web-input:disabled,:is(input,textarea).web-input:read-only{background:var(--color-muted);color:var(--color-muted-foreground)}.dark .web-input{background:var(--color-input)}.web-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--web-shadow-sm);border-radius:12px}.web-overlay{z-index:50;backdrop-filter:blur(2px);background:#00000073;animation:.15s ease-out web-fade-in;position:fixed;inset:0}.web-dialog{z-index:51;border:1px solid var(--color-border);background:var(--color-popover);width:calc(100% - 32px);color:var(--color-popover-foreground);box-shadow:var(--web-shadow-lg);border-radius:14px;padding:24px;animation:.16s cubic-bezier(.16,1,.3,1) web-dialog-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.web-popover{z-index:60;border:1px solid var(--color-border);background:var(--color-popover);min-width:220px;color:var(--color-popover-foreground);box-shadow:var(--web-shadow-lg);border-radius:12px;padding:6px;animation:.12s ease-out web-fade-in}.web-menu-item{width:100%;color:var(--color-foreground);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;display:flex}.web-menu-item:hover{background:var(--color-muted)}.web-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.web-table th{color:var(--color-muted-foreground);white-space:nowrap;font-size:12px;font-weight:500}.web-table :is(th,td){border-bottom:1px solid var(--color-border);padding:12px 16px}.web-table tbody tr:last-child td{border-bottom:0}.web-table tbody tr{transition:background-color .1s}.web-table tbody tr:hover{background:color-mix(in srgb, var(--color-muted) 60%, transparent)}.web-range{appearance:none;cursor:pointer;background:0 0;height:20px}.web-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-primary) var(--fill,0%), color-mix(in srgb, var(--color-muted-foreground) 22%, transparent) var(--fill,0%));border-radius:9999px;height:6px}.web-range::-moz-range-track{background:color-mix(in srgb, var(--color-muted-foreground) 22%, transparent);border-radius:9999px;height:6px}.web-range::-moz-range-progress{background:var(--color-primary);border-radius:9999px;height:6px}.web-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-primary);background:var(--color-background);border-radius:9999px;width:18px;height:18px;margin-top:-6px;transition:transform .1s;box-shadow:0 1px 3px #0003}.web-range::-moz-range-thumb{border:2px solid var(--color-primary);background:var(--color-background);border-radius:9999px;width:14px;height:14px}.web-range:active::-webkit-slider-thumb{transform:scale(1.1)}.web-workspace .web-range:focus-visible{outline:none}.web-workspace .web-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 25%, transparent)}}@keyframes web-fade-in{0%{opacity:0}}@keyframes web-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}