@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/InterVariable-DiVDrmQJ.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-primary:#fff;--color-bg-secondary:#f9f8f9;--color-bg-tertiary:#f4f2f4;--color-bg-quaternary:#eeedef;--color-bg-translucent:#00000005;--color-text-primary:#282a30;--color-text-secondary:#3c4149;--color-text-tertiary:#6f6e77;--color-text-quaternary:#86848d;--color-text-on-accent:#fff;--color-bg-inverted:#282a30;--color-text-inverted:#f7f8f8;--color-backdrop:#0000001f;--color-backdrop-strong:#00000047;--color-border-primary:#e9e8ea;--color-border-secondary:#e4e2e4;--color-border-tertiary:#dcdbdd;--color-border-translucent:#0000000d;--color-accent:#7170ff;--color-accent-hover:color-mix(in lch, var(--color-accent), black 8%);--color-accent-active:color-mix(in lch, var(--color-accent), black 16%);--color-accent-tint:#f1f1ff;--color-link:var(--color-accent);--color-selection:color-mix(in lch, var(--color-accent), transparent 64%);--color-red:#eb5757;--color-green:#27a644;--color-yellow:#f0bf00;--color-orange:#fc7840;--color-blue:#4ea7fc;--color-teal:#00b8cc;--color-gray:#95949c;--color-danger-text:color-mix(in lch, var(--color-red), black 22%);--color-danger-bg:color-mix(in lch, var(--color-red), white 92%);--color-danger-border:color-mix(in lch, var(--color-red), white 60%);--color-success-text:color-mix(in lch, var(--color-green), black 18%);--color-success-bg:color-mix(in lch, var(--color-green), white 92%);--color-success-border:color-mix(in lch, var(--color-green), white 60%);--color-warning-text:color-mix(in lch, var(--color-orange), black 30%);--color-warning-bg:color-mix(in lch, var(--color-yellow), white 90%);--color-warning-border:color-mix(in lch, var(--color-yellow), white 50%);--color-info-text:color-mix(in lch, var(--color-accent), black 25%);--color-info-bg:var(--color-accent-tint);--color-info-border:color-mix(in lch, var(--color-accent), white 70%);--font-sans:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-features:"cv01", "ss03";--font-weight-normal:400;--font-weight-medium:510;--font-weight-semibold:590;--font-weight-bold:680;--text-tiny-size:10px;--text-tiny-line:1.5;--text-tiny-tracking:-.015em;--text-micro-size:12px;--text-micro-line:1.4;--text-micro-tracking:0;--text-mini-size:13px;--text-mini-line:1.5;--text-mini-tracking:-.01em;--text-small-size:14px;--text-small-line:1.5;--text-small-tracking:-.013em;--text-regular-size:15px;--text-regular-line:1.6;--text-regular-tracking:-.011em;--text-large-size:17px;--text-large-line:1.6;--text-large-tracking:0;--title-1-size:17px;--title-1-line:1.4;--title-1-tracking:-.012em;--title-2-size:20px;--title-2-line:1.33;--title-2-tracking:-.012em;--title-3-size:24px;--title-3-line:1.33;--title-3-tracking:-.012em;--title-4-size:32px;--title-4-line:1.125;--title-4-tracking:-.022em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-full:9999px;--shadow-tiny:0 1px 1px 0 #00000017;--shadow-low:0 1px 4px -1px #00000017;--shadow-medium:0 3px 12px #00000017;--shadow-high:0 7px 24px #0000000f;--focus-ring:0 0 0 1px var(--color-accent), 0 0 0 4px color-mix(in lch, var(--color-accent), transparent 80%);--control-height-sm:28px;--control-height-md:32px;--control-height-lg:40px;--z-drawer:20;--z-modal:30;--z-toast:40;--speed-quick:.1s;--speed-regular:.25s;--ease-out:cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg-secondary);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-features);font-size:var(--text-small-size);line-height:var(--text-small-line);letter-spacing:var(--text-small-tracking);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-selection)}h1,h2,h3,h4{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}h1{font-size:var(--title-3-size);line-height:var(--title-3-line);letter-spacing:var(--title-3-tracking)}h2{font-size:var(--title-2-size);line-height:var(--title-2-line);letter-spacing:var(--title-2-tracking)}h3{font-size:var(--title-1-size);line-height:var(--title-1-line);letter-spacing:var(--title-1-tracking)}h4{font-size:var(--text-small-size);line-height:var(--text-small-line)}a{color:var(--color-link);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}code{font-family:var(--font-mono);font-size:.92em}ul,ol{padding-left:var(--space-5)}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tabular{font-variant-numeric:tabular-nums}.auth{align-content:center;justify-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-10) var(--space-4);display:grid}.brand{align-items:center;gap:var(--space-2);font-size:var(--text-regular-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--title-1-tracking);display:flex}.brand__logo{border-radius:var(--radius-6);background:var(--color-accent);width:24px;height:24px;color:var(--color-text-on-accent);font-size:var(--text-mini-size);font-weight:var(--font-weight-bold);place-items:center;display:grid}.auth__card{gap:var(--space-4);width:100%;max-width:400px;display:grid}.auth__loading{min-height:120px;color:var(--color-text-tertiary);place-items:center;display:grid}.registry{font-size:var(--text-mini-size);color:var(--color-text-tertiary);gap:2px;display:grid}.registry b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-small-size)}@media (width<=480px){.auth{padding-top:var(--space-8);align-content:start}.auth__card{padding:var(--space-6) var(--space-4)}}.app{background:var(--color-bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.spacer{flex:1}.topbar{align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);flex:none;display:flex}.topbar .brand{font-size:var(--text-small-size)}.topbar__divider{background:var(--color-border-secondary);width:1px;height:16px}.topbar__company{font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.topbar__company-select{width:auto;max-width:240px}.topbar__user{align-items:center;gap:var(--space-2);font-size:var(--text-mini-size);color:var(--color-text-secondary);display:inline-flex}.projects-nav{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-primary);scrollbar-width:none;flex:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.proj-tab{height:var(--control-height-sm);border-radius:var(--radius-6);color:var(--color-text-tertiary);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--speed-quick) var(--ease-out), color var(--speed-quick) var(--ease-out);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.proj-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none}.proj-tab.on{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.proj-tab.paused{opacity:.55}.board-wrap{background:var(--color-bg-secondary);flex-direction:column;flex:1;min-height:0;display:flex}.board-toolbar{gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3);flex:none;display:grid}.board-title{align-items:center;gap:var(--space-3);display:flex}.board-title h1{font-size:var(--title-2-size);line-height:var(--title-2-line);letter-spacing:var(--title-2-tracking)}.kw-line{gap:var(--space-1);flex-wrap:wrap;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search{width:260px;max-width:100%;position:relative}.search .ui-input{height:var(--control-height-sm);padding-left:28px}.search__icon{color:var(--color-text-quaternary);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.col-tabs{display:none}.board{gap:var(--space-3);min-height:0;padding:0 var(--space-4) var(--space-4);flex:1;grid-template-columns:repeat(3,minmax(280px,1fr));display:grid;overflow-x:auto}.col{background:var(--color-bg-tertiary);border-radius:var(--radius-12);min-height:0;transition:border-color var(--speed-quick) var(--ease-out), background-color var(--speed-quick) var(--ease-out);border:1px solid #0000;flex-direction:column;display:flex}.col.drop{border-color:var(--color-info-border);background:var(--color-accent-tint)}.col-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex}.col-body{flex-direction:column;flex:1;gap:6px;padding:0 6px 6px;display:flex;overflow-y:auto}.col-empty{padding:var(--space-6) 0;text-align:center;color:var(--color-text-quaternary);font-size:var(--text-micro-size)}.tcard{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-8);box-shadow:var(--shadow-tiny);cursor:pointer;transition:border-color var(--speed-quick) var(--ease-out), box-shadow var(--speed-quick) var(--ease-out);gap:6px;padding:10px 12px;display:grid}.tcard:hover{border-color:var(--color-border-tertiary);box-shadow:var(--shadow-low)}.tcard:focus-visible{box-shadow:var(--focus-ring);outline:none}.tcard.dragging{opacity:.4}.tcard.faded,.col-closed .tcard{background:var(--color-bg-secondary);box-shadow:none}.tcard.faded .tcard-title,.col-closed .tcard-title{color:var(--color-text-tertiary)}.tcard-top{justify-content:space-between;gap:var(--space-2);font-size:var(--text-micro-size);display:flex}.src{color:var(--color-text-tertiary);font-size:var(--text-micro-size);font-weight:var(--font-weight-medium)}.due{white-space:nowrap;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.due.warning,.due-text.warning{color:var(--color-warning-text)}.due.danger,.due-text.danger{color:var(--color-danger-text);font-weight:var(--font-weight-medium)}.due.expired,.due-text.expired{color:var(--color-text-quaternary)}.tcard-title{-webkit-line-clamp:3;color:var(--color-text-primary);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.tcard-customer{color:var(--color-text-tertiary);font-size:var(--text-micro-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tcard-foot{min-height:20px;font-size:var(--text-micro-size);align-items:center;gap:6px;display:flex}.tcard-foot .ui-muted{font-size:var(--text-micro-size)}.tcard-label{place-items:center;width:12px;height:20px;display:inline-grid}.tcard-comments{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.price{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.tcard.fresh{border-color:var(--color-info-border);background:var(--color-accent-tint);animation:fresh-in 1.2s var(--ease-out)}.fresh-badge{border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-tiny-size);font-weight:var(--font-weight-semibold);margin-right:6px;padding:0 6px;line-height:16px;display:inline-block}@keyframes fresh-in{0%{box-shadow:0 0 0 4px var(--color-info-border);opacity:0;transform:translateY(-6px)}40%{opacity:1}to{box-shadow:var(--shadow-tiny);transform:none}}@media (prefers-reduced-motion:reduce){.tcard.fresh{animation:none}}.drop-line{border-radius:var(--radius-full);background:var(--color-accent);flex:none;height:2px;margin:-4px 2px}.board-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-tertiary);flex:1;place-items:center;display:grid}.empty-card{text-align:left;max-width:460px}.panel-loading{padding:var(--space-10);color:var(--color-text-tertiary);place-items:center;display:grid}.panel-error{padding:var(--space-4) var(--space-5) 0}.panel-body{align-content:start;gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-8);display:grid;overflow-y:auto}.panel-title{font-size:var(--title-1-size);line-height:var(--title-1-line);letter-spacing:var(--title-1-tracking)}.panel-links{align-items:baseline;gap:var(--space-3);font-size:var(--text-mini-size);flex-wrap:wrap;display:flex}.panel-link{align-items:center;gap:4px;display:inline-flex}.panel-section{gap:var(--space-3);display:grid}.label-toggles{flex-wrap:wrap;gap:6px;display:flex}.facts{gap:var(--space-2) var(--space-3);font-size:var(--text-mini-size);grid-template-columns:120px 1fr;display:grid}.facts dt{color:var(--color-text-tertiary)}.lot{gap:var(--space-1);border:1px solid var(--color-border-primary);border-radius:var(--radius-8);font-size:var(--text-mini-size);padding:10px 12px;display:grid}.lot-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.lot-head b{font-weight:var(--font-weight-medium)}.lot-head .price{white-space:nowrap}.lot p{white-space:pre-line}.comment-form{justify-items:end;gap:var(--space-2);display:grid}.feed{font-size:var(--text-mini-size);gap:10px;padding:0;list-style:none;display:grid}.feed li{padding-left:var(--space-3);border-left:2px solid var(--color-border-primary)}.feed li.comment{border-left-color:var(--color-accent)}.feed-meta b{font-weight:var(--font-weight-medium)}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.panel-foot{padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.modal-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chips-input{min-height:var(--control-height-lg);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-6);cursor:text;transition:border-color var(--speed-quick) var(--ease-out), box-shadow var(--speed-quick) var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.chips-input:hover{border-color:var(--color-border-tertiary)}.chips-input:focus-within{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.chips-input input{min-width:120px;height:24px;font-size:var(--text-mini-size);background:0 0;border:none;outline:none;flex:1;padding:0 2px}.chips-input input::placeholder{color:var(--color-text-quaternary)}.sources{gap:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-8);font-size:var(--text-mini-size);grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px;list-style:none;display:grid}.sources li{min-width:0;line-height:1.35;display:grid}.sources a{color:var(--color-text-tertiary);font-size:var(--text-micro-size);overflow-wrap:anywhere}.sources a:hover{color:var(--color-link)}@media (width<=767px){.topbar__user,.topbar__divider{display:none}.topbar__company{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.col-tabs{padding:0 var(--space-4) var(--space-2);flex:none;gap:6px;display:flex;overflow-x:auto}.board{grid-template-columns:1fr}.col{display:none}.col.current{display:flex}.col-head{display:none}.col-body{padding-top:6px}.facts{grid-template-columns:1fr;gap:2px}.facts dt{margin-top:var(--space-2)}.search{width:100%}.sources{grid-template-columns:1fr}}.sections{gap:2px;display:flex}.sections a{border-radius:var(--radius-6);height:28px;color:var(--color-text-secondary);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;padding:0 10px;display:inline-flex}.sections a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none}.sections a.on{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.page{padding:var(--space-8) var(--space-4) var(--space-10);flex:1;overflow-y:auto}.page-inner{max-width:680px;margin:0 auto}.integrations-hero{gap:var(--space-3);display:grid}.integrations-hero h1{font-size:var(--title-3-size);line-height:var(--title-3-line);letter-spacing:var(--title-3-tracking);margin:0}.integrations-hero p{color:var(--color-text-secondary);font-size:var(--text-regular-size);line-height:var(--text-regular-line);margin:0}.crm-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crm-any{color:var(--color-text-tertiary);font-size:var(--text-mini-size);padding-left:2px}.form-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.phone{font-variant-numeric:tabular-nums;white-space:nowrap}.request{font-size:var(--text-mini-size);gap:6px;display:grid}.request-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.request-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text-primary)}@media (width<=767px){.page{padding-top:var(--space-5)}.topbar .brand__name,.topbar__company{display:none}}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--space-3);border-radius:var(--radius-6);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--speed-quick) var(--ease-out), border-color var(--speed-quick) var(--ease-out), box-shadow var(--speed-quick) var(--ease-out);border:1px solid #0000;line-height:1;display:inline-flex}.ui-button--lg{height:var(--control-height-lg);padding:0 var(--space-4);font-size:var(--text-small-size)}.ui-button--sm{height:var(--control-height-sm);gap:6px;padding:0 10px}.ui-button--block{width:100%}.ui-button--primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-tiny)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button--primary:active:not(:disabled){background:var(--color-accent-active)}.ui-button--secondary{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-primary);box-shadow:var(--shadow-tiny)}.ui-button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-tertiary)}.ui-button--secondary:active:not(:disabled){background:var(--color-bg-quaternary)}.ui-button--ghost{color:var(--color-text-secondary);background:0 0}.ui-button--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ui-button--ghost:active:not(:disabled){background:var(--color-bg-quaternary)}.ui-button--danger{color:var(--color-danger-text);background:0 0}.ui-button--danger:hover:not(:disabled){background:var(--color-danger-bg)}.ui-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.ui-button--loading:disabled{opacity:.8;cursor:progress}.ui-input{width:100%;height:var(--control-height-md);padding:0 var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-6);color:var(--color-text-primary);font-size:var(--text-mini-size);transition:border-color var(--speed-quick) var(--ease-out), box-shadow var(--speed-quick) var(--ease-out)}.ui-input--lg{height:var(--control-height-lg);font-size:var(--text-small-size)}.ui-input--sm{height:var(--control-height-sm);padding:0 var(--space-2)}.ui-select{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236f6e77' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.ui-select.ui-input--sm{background-position:right 4px center;padding-right:24px}.ui-textarea{height:auto;min-height:64px;padding:var(--space-2) var(--space-3);line-height:var(--text-mini-line);resize:vertical}.ui-input::placeholder{color:var(--color-text-quaternary)}.ui-input:hover:not(:disabled){border-color:var(--color-border-tertiary)}.ui-input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.ui-input[aria-invalid=true]{border-color:var(--color-danger-border)}.ui-input[aria-invalid=true]:focus{border-color:var(--color-red);box-shadow:0 0 0 1px var(--color-red), 0 0 0 4px color-mix(in lch, var(--color-red), transparent 82%)}.ui-input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.ui-field{gap:6px;display:grid}.ui-field__label{font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ui-field__hint{font-size:var(--text-micro-size);color:var(--color-text-tertiary)}.ui-field__error{font-size:var(--text-micro-size);color:var(--color-danger-text)}.ui-checkbox{font-size:var(--text-mini-size);line-height:var(--text-mini-line);color:var(--color-text-secondary);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.ui-checkbox__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-checkbox__box{background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-4);width:16px;height:16px;box-shadow:var(--shadow-tiny);color:var(--color-text-on-accent);transition:background-color var(--speed-quick) var(--ease-out), border-color var(--speed-quick) var(--ease-out);flex:none;place-items:center;margin-top:2px;display:grid}.ui-checkbox__box svg{opacity:0;transition:opacity var(--speed-quick) var(--ease-out)}.ui-checkbox:hover .ui-checkbox__box{border-color:var(--color-text-quaternary)}.ui-checkbox__input:checked+.ui-checkbox__box{background:var(--color-accent);border-color:var(--color-accent)}.ui-checkbox__input:checked+.ui-checkbox__box svg{opacity:1}.ui-checkbox__input:focus-visible+.ui-checkbox__box{box-shadow:var(--focus-ring)}.ui-checkbox__input:disabled+.ui-checkbox__box{opacity:.5}.ui-callout{padding:10px var(--space-3);border-radius:var(--radius-8);font-size:var(--text-mini-size);line-height:var(--text-mini-line);border:1px solid}.ui-callout--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.ui-callout--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.ui-callout--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.ui-callout--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.ui-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-12);box-shadow:var(--shadow-low);padding:var(--space-8)}.ui-card--flat{box-shadow:none;padding:var(--space-4);border-radius:var(--radius-8)}.ui-card--muted{background:var(--color-bg-secondary)}.ui-badge{align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-micro-size);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.ui-badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ui-badge--accent{background:var(--color-accent-tint);color:var(--color-info-text)}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success-text)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.ui-badge--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.ui-spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:14px;height:14px;animation:.6s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-stack{gap:var(--space-4);display:grid}.ui-stack--sm{gap:var(--space-2)}.ui-stack--lg{gap:var(--space-6)}.ui-muted{color:var(--color-text-tertiary);font-size:var(--text-mini-size)}.ui-label{font-size:var(--text-micro-size);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.ui-icon-button{width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--radius-6);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--speed-quick) var(--ease-out), color var(--speed-quick) var(--ease-out);background:0 0;border:none;flex:none;place-items:center;display:inline-grid}.ui-icon-button:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ui-icon-button:active:not(:disabled){background:var(--color-bg-quaternary)}.ui-icon-button:disabled{opacity:.5;cursor:not-allowed}.ui-pill{height:var(--control-height-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--speed-quick) var(--ease-out), border-color var(--speed-quick) var(--ease-out);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ui-pill:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-tertiary);color:var(--color-text-primary)}.ui-pill--on,.ui-pill--on:hover:not(:disabled){background:var(--color-accent-tint);border-color:var(--color-info-border);color:var(--color-info-text)}.ui-pill:disabled{opacity:.5;cursor:not-allowed}.ui-tag{align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-micro-size);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.ui-tag--sm{height:20px;padding:0 7px}.ui-tag--accent{background:var(--color-accent-tint);color:var(--color-info-text)}.ui-tag--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.ui-tag--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ui-tag__remove{border-radius:var(--radius-full);width:16px;height:16px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;place-items:center;margin-right:-4px;display:grid}.ui-tag__remove:hover{opacity:1;background:var(--color-border-translucent)}.ui-count{border-radius:var(--radius-full);background:var(--color-bg-quaternary);min-width:18px;color:var(--color-text-tertiary);font-size:var(--text-micro-size);font-weight:var(--font-weight-medium);text-align:center;font-variant-numeric:tabular-nums;padding:0 5px;line-height:18px;display:inline-block}.ui-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;display:inline-block}.ui-segmented{background:var(--color-bg-tertiary);border-radius:var(--radius-8);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.ui-segmented__item{height:var(--control-height-sm);border-radius:var(--radius-6);color:var(--color-text-tertiary);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.ui-segmented__item:hover:not(:disabled){color:var(--color-text-primary)}.ui-segmented__item--on{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-tiny)}.ui-segmented__item:disabled{cursor:progress}.ui-avatar{border-radius:var(--radius-full);background:var(--color-accent-tint);width:20px;height:20px;color:var(--color-info-text);font-size:var(--text-tiny-size);font-weight:var(--font-weight-semibold);letter-spacing:0;flex:none;place-items:center;display:inline-grid}.ui-avatar--md{width:28px;height:28px;font-size:var(--text-micro-size)}.ui-modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background:var(--color-backdrop-strong);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.ui-modal{gap:var(--space-5);width:min(560px,100%);padding:var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-12);box-shadow:var(--shadow-high), var(--shadow-medium);display:grid}.ui-modal__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ui-drawer-backdrop{z-index:var(--z-drawer);background:var(--color-backdrop);position:fixed;inset:0}.ui-drawer{z-index:var(--z-drawer);background:var(--color-bg-primary);border-left:1px solid var(--color-border-primary);width:min(560px,100vw);box-shadow:var(--shadow-high), var(--shadow-medium);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.ui-drawer__head{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--color-border-primary);flex:none;display:flex}.ui-drawer__title{flex:1;min-width:0}.ui-toast{left:50%;bottom:var(--space-6);z-index:var(--z-toast);padding:10px var(--space-4);background:var(--color-bg-inverted);color:var(--color-text-inverted);border-radius:var(--radius-8);box-shadow:var(--shadow-medium);font-size:var(--text-mini-size);white-space:nowrap;position:fixed;transform:translate(-50%)}.ds{max-width:960px;padding:var(--space-10) var(--space-4) var(--space-12);gap:var(--space-10);margin:0 auto;display:grid}.ds__header{gap:var(--space-2);display:grid}.ds__section{gap:var(--space-3);display:grid}.ds__section-head{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds__group{gap:var(--space-2);display:grid}.ds__group h4{color:var(--color-text-tertiary)}.ds__swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.ds__swatch{font-size:var(--text-micro-size);gap:2px;display:grid}.ds__swatch code{color:var(--color-text-secondary)}.ds__chip{border-radius:var(--radius-8);border:1px solid var(--color-border-translucent);height:48px;margin-bottom:var(--space-1)}.ds__type{gap:var(--space-3);display:grid}.ds__type-row{align-items:baseline;gap:var(--space-3);grid-template-columns:110px 48px 1fr;display:grid}.ds__type-row code{font-size:var(--text-micro-size);color:var(--color-text-tertiary)}.ds__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ds__stack{gap:var(--space-3);max-width:480px;display:grid}.ds__box{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);width:110px;height:64px;font-size:var(--text-micro-size);color:var(--color-text-tertiary);place-items:center;display:grid}.ds__box--shadow{border-radius:var(--radius-8);border-color:#0000}.ds__spaces{gap:var(--space-1);display:grid}.ds__space{align-items:center;gap:var(--space-3);font-size:var(--text-micro-size);grid-template-columns:56px 80px 40px;display:grid}.ds__space div{background:var(--color-accent);border-radius:2px;height:8px}@media (width<=600px){.ds__type-row{grid-template-columns:1fr;gap:0}}