@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";.sr-app{--sr-font:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--sr-display:"Archivo", "Inter", "Segoe UI Variable Display", system-ui, sans-serif;--sr-pad:clamp(16px, 3.4vw, 48px);--sr-max:1520px;--sr-card-shadow:0 1px 2px color-mix(in srgb, var(--tk-shadow) 14%, transparent), 0 10px 30px color-mix(in srgb, var(--tk-shadow) 16%, transparent);--sr-lift-shadow:0 2px 6px color-mix(in srgb, var(--tk-shadow) 18%, transparent), 0 24px 60px color-mix(in srgb, var(--tk-shadow) 30%, transparent);--sr-ease:cubic-bezier(.2, .8, .2, 1);--sr-hero-ink:#f7f4ec;--sr-hero-soft:#f7f4eccc;background:radial-gradient(1200px 520px at 85% -10%, color-mix(in srgb, var(--tk-accent) 7%, transparent), transparent 70%), var(--tk-canvas);min-height:100vh;color:var(--tk-text);font-family:var(--sr-font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;position:relative;overflow-x:clip}.sr-app *,.sr-app :before,.sr-app :after{box-sizing:border-box}.sr-app button,.sr-app input{font:inherit;color:inherit;font-size:15px}.sr-app button{-webkit-tap-highlight-color:transparent}.sr-app button:focus-visible,.sr-app input:focus-visible,.sr-app a:focus-visible{outline:3px solid color-mix(in srgb, var(--tk-accent) 80%, var(--tk-text));outline-offset:3px}.sr-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-app h1,.sr-app h2,.sr-app h3,.sr-app p{margin:0}.sr-nowrap,.sr-app strong,.sr-app time{font-variant-numeric:tabular-nums}.sr-topbar{max-width:calc(var(--sr-max) + 2 * var(--sr-pad));padding:16px var(--sr-pad);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.sr-mark{min-height:44px;color:var(--tk-text);border-radius:12px;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.sr-monogram{background:var(--tk-accent);width:40px;height:40px;color:var(--tk-accent-contrast);font-family:var(--sr-display);letter-spacing:-.02em;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--tk-accent-strong) 70%, transparent);border-radius:12px;place-items:center;font-size:16px;font-weight:800;display:grid}.sr-mark-text{line-height:1.15;display:grid}.sr-mark-text b{font-family:var(--sr-display);letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:700}.sr-mark-text small{color:var(--tk-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.sr-honest{background:color-mix(in srgb, var(--tk-surface) 80%, transparent);box-shadow:inset 0 0 0 1px var(--tk-line);color:var(--tk-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:inline-flex}.sr-honest i{background:var(--tk-success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tk-success) 18%, transparent);border-radius:50%}.sr-hero{isolation:isolate;max-width:var(--sr-max);min-height:clamp(420px,33vw,500px);margin:0 auto;margin-inline:max(var(--sr-pad), calc((100% - var(--sr-max)) / 2));color:var(--sr-hero-ink);box-shadow:var(--sr-lift-shadow);background:#1b1a17;border-radius:28px;align-items:flex-end;display:flex;position:relative;overflow:clip}.sr-hero-media{z-index:-2;position:absolute;inset:0}.sr-hero-media img{object-fit:cover;width:100%;height:100%;animation:sr-hero-in .9s var(--sr-ease) both;display:block}.sr-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#0c0c0af0 0%,#0c0c0ad1 34%,#0c0c0a40 64%,#0c0c0a0d 100%),linear-gradient(#0000 55%,#0c0c0a8c);position:absolute;inset:0}.sr-hero-copy{width:min(780px,64%);padding:clamp(28px,4vw,56px)}.sr-location{color:color-mix(in srgb, var(--tk-accent) 55%, #fff);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700}.sr-hero .sr-location{color:#f1cf8c}.sr-hero h1{font-family:var(--sr-display);letter-spacing:-.035em;text-wrap:balance;margin-top:14px;font-size:clamp(40px,4.4vw,66px);font-weight:800;line-height:.98}.sr-hero h1 span{color:#f7f4ecb8;display:block}.sr-lede{max-width:540px;color:var(--sr-hero-soft);font-size:clamp(16px,1.25vw,18px);line-height:1.55;margin-top:18px!important}.sr-play{align-items:center;gap:20px;margin-top:28px;display:flex}.sr-primary{background:var(--tk-accent);cursor:pointer;min-height:48px;box-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px color-mix(in srgb, var(--tk-shadow) 20%, transparent), 0 8px 20px color-mix(in srgb, var(--tk-accent) 22%, transparent);transition:transform .16s var(--sr-ease), filter .16s var(--sr-ease), box-shadow .16s var(--sr-ease);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-weight:650;display:inline-flex;color:var(--tk-accent-contrast)!important}.sr-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.sr-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.sr-primary:disabled{cursor:default;opacity:.55;box-shadow:none}.sr-play-button{flex:none;min-height:56px;padding-inline:24px 26px;font-size:16px!important}.sr-play-status{gap:2px;min-width:0;max-width:320px;display:grid}.sr-play-status strong{font-size:15px;font-weight:650}.sr-play-status>span{color:var(--sr-hero-soft);font-size:14px;line-height:1.4}.sr-progress{background:#ffffff29;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.sr-progress span{border-radius:inherit;background:var(--tk-accent);height:100%;transition:width .4s var(--sr-ease);display:block}.sr-hero-glance{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);width:300px;animation:sr-rise .6s .2s var(--sr-ease) both;background:#12121094;border-radius:20px;gap:14px;padding:20px;display:grid;position:absolute;bottom:clamp(20px,2.6vw,40px);right:clamp(20px,2.6vw,40px);box-shadow:inset 0 0 0 1px #ffffff24,0 20px 50px #00000059}.sr-glance-label{color:#f7f4ecb3;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-glance-row{align-items:center;gap:14px;display:flex}.sr-glance-row b{font-family:var(--sr-display);letter-spacing:-.04em;color:#f1cf8c;font-size:44px;line-height:1}.sr-glance-row span{color:#f7f4ecd9;font-size:14px;line-height:1.35}.sr-glance-order{color:#f7f4eccc;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:flex-end;gap:10px;padding-top:14px;font-size:14px;display:flex}.sr-glance-order span{display:grid}.sr-glance-order small{color:#f7f4eca6;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-glance-order b{color:var(--sr-hero-ink);font-variant-numeric:tabular-nums;font-size:20px}.sr-glance-order em{color:var(--sr-hero-ink);letter-spacing:.06em;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:700}.sr-role-tabs{display:none}.sr-workspace{max-width:calc(var(--sr-max) + 2 * var(--sr-pad));padding:40px var(--sr-pad) 0;grid-template-columns:minmax(0,1fr) clamp(380px,30vw,440px);align-items:start;gap:24px;margin:0 auto;display:grid}.sr-manager,.sr-side{gap:24px;min-width:0;display:grid}.sr-manager-grid{gap:24px;display:grid}.sr-panel,.sr-feed,.sr-device,.sr-metrics{background:var(--tk-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent), var(--sr-card-shadow);border-radius:20px}.sr-panel{min-width:0;overflow:clip}.sr-metrics{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sr-metric{gap:4px;min-width:0;padding:22px 24px;display:grid}.sr-metric+.sr-metric{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--tk-line) 70%, transparent)}.sr-metric span{color:var(--tk-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-metric strong{font-family:var(--sr-display);letter-spacing:-.03em;white-space:nowrap;animation:sr-tick .32s var(--sr-ease);font-size:clamp(24px,2vw,30px);font-weight:700;line-height:1.25;display:block}.sr-metric small{color:var(--tk-muted);font-size:14px}.sr-metric[data-tone=attention] strong{color:var(--tk-signal)}.sr-request-inbox{background:color-mix(in srgb, var(--tk-accent) 10%, var(--tk-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-accent) 45%, transparent), var(--sr-card-shadow);animation:sr-rise .32s var(--sr-ease);border-radius:20px;grid-template-columns:minmax(200px,.6fr) minmax(0,1fr);align-items:center;gap:12px 24px;padding:20px 24px;display:grid}.sr-inbox-head p{color:color-mix(in srgb, var(--tk-accent) 70%, var(--tk-text));letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-inbox-head h2{font-family:var(--sr-display);letter-spacing:-.02em;margin-top:4px;font-size:20px;line-height:1.15}.sr-request-card{grid-column:2;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.sr-request-card>span{min-width:0;display:grid}.sr-request-card b{font-weight:650}.sr-request-card small{color:var(--tk-muted);font-size:14px}.sr-request-card .sr-primary{flex:none}.sr-panel-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 24px 16px;display:flex}.sr-panel-head p,.sr-feed-head p{color:var(--tk-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-panel-head h2,.sr-feed-head h2,.sr-device h2{font-family:var(--sr-display);letter-spacing:-.03em;margin-top:4px;font-size:26px;font-weight:700;line-height:1.1}.sr-search,.sr-phone-search{background:var(--tk-canvas);min-width:0;box-shadow:inset 0 0 0 1px var(--tk-line);transition:box-shadow .16s var(--sr-ease);border-radius:14px;align-items:center;gap:10px;display:flex}.sr-search:focus-within,.sr-phone-search:focus-within{box-shadow:inset 0 0 0 1px var(--tk-accent), 0 0 0 4px color-mix(in srgb, var(--tk-accent) 18%, transparent)}.sr-search{width:min(320px,50%);min-height:46px;padding:0 14px}.sr-search svg,.sr-phone-search svg{color:var(--tk-muted);flex:none}.sr-search input,.sr-phone-search input{width:100%;min-width:0;min-height:44px;color:var(--tk-text);background:0 0;border:0;outline:0;padding:0}.sr-app .sr-search input:focus-visible,.sr-app .sr-phone-search input:focus-visible{outline:0}.sr-search input::placeholder,.sr-phone-search input::placeholder{color:var(--tk-muted);opacity:1}.sr-table{width:100%}.sr-row{border:0;border-top:1px solid color-mix(in srgb, var(--tk-line) 65%, transparent);width:100%;min-height:76px;color:inherit;text-align:left;cursor:pointer;transition:background-color .16s var(--sr-ease);background:0 0;grid-template-columns:minmax(230px,2.3fr) minmax(104px,.9fr) minmax(110px,1fr) 112px 96px;align-items:center;gap:16px;padding:14px 24px;display:grid}.sr-row:not(.sr-row-head):hover{background:color-mix(in srgb, var(--tk-surface-raised) 70%, var(--tk-surface))}.sr-row[data-selected=true]{background:color-mix(in srgb, var(--tk-accent) 8%, var(--tk-surface));box-shadow:inset 3px 0 0 var(--tk-accent)}.sr-row-head{background:color-mix(in srgb, var(--tk-canvas) 45%, var(--tk-surface));min-height:40px;color:var(--tk-muted);letter-spacing:.08em;text-transform:uppercase;cursor:default;padding-block:10px;font-size:12px;font-weight:700}.sr-row-head>span{white-space:nowrap}.sr-row-head>span:nth-child(n+4){text-align:right}.sr-row>span{min-width:0}.sr-cell-item{align-items:center;gap:14px;display:flex}.sr-cell-item>span{min-width:0;display:grid}.sr-bin{background:var(--tk-surface-soft);width:44px;height:44px;color:var(--tk-muted);letter-spacing:.04em;border-radius:12px;flex:none;place-items:center;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:12px;font-style:normal;font-weight:700;display:grid}.sr-row b{font-size:15px;font-weight:650;line-height:1.3;display:block}.sr-row small{color:var(--tk-muted);font-size:14px;line-height:1.4;display:block}.sr-row .sr-item-meta{white-space:nowrap}.sr-row .sr-item-supplier{overflow-wrap:anywhere}.sr-unit-price{white-space:nowrap;font-variant-numeric:tabular-nums}.sr-stock{justify-items:start;gap:4px;display:grid}.sr-stock strong{white-space:nowrap;animation:sr-tick .32s var(--sr-ease);font-size:17px;font-weight:650}.sr-stock strong small{font-size:14px;font-weight:500;display:inline}.sr-pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-style:normal;font-weight:700;line-height:1.4;display:inline-flex}.sr-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.sr-ok .sr-pill{background:color-mix(in srgb, var(--tk-success) 15%, var(--tk-surface));color:color-mix(in srgb, var(--tk-success) 80%, var(--tk-text))}.sr-low .sr-pill{background:color-mix(in srgb, var(--tk-signal) 16%, var(--tk-surface));color:color-mix(in srgb, var(--tk-signal) 82%, var(--tk-text))}.sr-out .sr-pill{background:color-mix(in srgb, var(--tk-danger) 16%, var(--tk-surface));color:color-mix(in srgb, var(--tk-danger) 82%, var(--tk-text))}.sr-row .sr-reserved{font-size:13px}.sr-level{display:block}.sr-bar{background:var(--tk-surface-soft);border-radius:999px;height:8px;display:block;position:relative}.sr-bar>span{border-radius:inherit;background:var(--tk-success);height:100%;transition:width .42s var(--sr-ease);display:block}.sr-low .sr-bar>span,.sr-row-low .sr-bar>span{background:var(--tk-signal)}.sr-row-out .sr-bar>span{background:var(--tk-danger)}.sr-bar>i{background:var(--tk-muted);border-radius:2px;width:2px;height:16px;position:absolute;top:-4px;transform:translate(-1px)}.sr-reorder,.sr-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px}.sr-value{font-weight:600}.sr-empty{border-top:1px solid color-mix(in srgb, var(--tk-line) 65%, transparent);text-align:center;padding:40px 24px}.sr-empty span{gap:4px;display:grid}.sr-empty small{color:var(--tk-muted);font-size:14px}.sr-show-all{display:none}.sr-key-hint{color:var(--tk-muted);text-align:right;font-size:14px}.sr-key-hint kbd{background:var(--tk-surface-soft);box-shadow:inset 0 -1px 0 var(--tk-line);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:13px;font-weight:600}.sr-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px;display:grid}.sr-stage{background:color-mix(in srgb, var(--tk-canvas) 55%, var(--tk-surface));border-radius:16px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.sr-stage h3{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:2px 4px 4px;font-size:15px;font-weight:650;display:grid}.sr-stage h3>i{background:var(--tk-surface-raised);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--tk-line);color:var(--tk-muted);border-radius:50%;place-items:center;font-size:13px;font-style:normal;font-weight:700;display:grid}.sr-stage-name{min-width:0;line-height:1.25;display:grid}.sr-stage-name small{color:var(--tk-muted);font-size:13px;font-weight:500}.sr-stage-count{background:var(--tk-surface-raised);min-width:26px;color:var(--tk-muted);text-align:center;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.sr-order-card{background:var(--tk-surface);width:100%;min-height:84px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent), 0 1px 2px color-mix(in srgb, var(--tk-shadow) 14%, transparent), 0 6px 16px color-mix(in srgb, var(--tk-shadow) 10%, transparent);text-align:left;cursor:grab;animation:sr-settle .36s var(--sr-ease);transition:transform .16s var(--sr-ease), box-shadow .16s var(--sr-ease);border:0;border-radius:14px;gap:2px;padding:12px 14px;display:grid}.sr-order-card:hover{transform:translateY(-2px)}.sr-order-card[data-active=true]{box-shadow:inset 0 0 0 2px var(--tk-accent), 0 10px 24px color-mix(in srgb, var(--tk-accent) 14%, transparent)}.sr-order-card span{justify-content:space-between;gap:8px;display:flex}.sr-order-card b{letter-spacing:.02em;font-size:14px;font-weight:700}.sr-order-card strong{font-family:var(--sr-display);letter-spacing:-.02em;white-space:nowrap;font-size:20px;font-weight:700}.sr-order-card em,.sr-order-card small{color:var(--tk-muted);white-space:nowrap;font-size:14px;font-style:normal}.sr-stage-empty{outline:1px dashed var(--tk-line);outline-offset:-1px;color:var(--tk-muted);text-align:center;border-radius:12px;padding:18px 8px;font-size:14px}.sr-order-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;padding:24px;display:grid}.sr-order-title{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.sr-order-title h3{font-family:var(--sr-display);letter-spacing:-.02em;font-size:24px}.sr-order-title p{color:var(--tk-muted);grid-column:1/-1;margin-top:2px;font-size:14px}.sr-status{background:var(--tk-surface-soft);color:var(--tk-text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.sr-status-suggested{background:color-mix(in srgb, var(--tk-accent) 16%, var(--tk-surface));color:color-mix(in srgb, var(--tk-accent) 60%, var(--tk-text))}.sr-status-sent,.sr-status-partial{background:color-mix(in srgb, var(--tk-blue) 16%, var(--tk-surface));color:color-mix(in srgb, var(--tk-blue) 70%, var(--tk-text))}.sr-status-received{background:color-mix(in srgb, var(--tk-success) 16%, var(--tk-surface));color:color-mix(in srgb, var(--tk-success) 70%, var(--tk-text))}.sr-order-lines{margin:16px 0 20px;display:grid}.sr-order-lines>div{border-top:1px solid color-mix(in srgb, var(--tk-line) 60%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.sr-order-lines span{min-width:0;display:grid}.sr-order-lines b{font-size:15px;font-weight:600}.sr-order-lines small{color:var(--tk-muted);font-size:14px}.sr-order-lines strong{white-space:nowrap;font-size:15px;font-weight:600}.sr-order-lines .sr-order-total{border-top-color:var(--tk-line)}.sr-order-total span{color:var(--tk-muted);font-size:14px;font-weight:600}.sr-order-total strong{font-family:var(--sr-display);letter-spacing:-.02em;font-size:22px}.sr-wide{width:100%;min-height:52px}.sr-suppliers{align-content:start;gap:4px;min-width:0;display:grid}.sr-suppliers-title{color:var(--tk-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:8px!important}.sr-suppliers>div{border-top:1px solid color-mix(in srgb, var(--tk-line) 60%, transparent);grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"avatar name name""avatar lead orders";align-items:center;column-gap:12px;min-width:0;padding:10px 0;display:grid}.sr-supplier-avatar{background:var(--tk-surface-soft);width:40px;height:40px;color:var(--tk-muted);border-radius:12px;grid-area:avatar;place-items:center;font-size:14px;font-weight:700;display:grid}.sr-suppliers .sr-supplier-name{white-space:nowrap;grid-area:name;min-width:0;font-size:15px;font-weight:650}.sr-supplier-lead{grid-area:lead}.sr-supplier-orders{text-align:right;grid-area:orders}.sr-supplier-lead,.sr-supplier-orders{color:var(--tk-muted);white-space:nowrap;font-size:14px}.sr-supplier-lead b,.sr-supplier-orders b{color:var(--tk-text);font-weight:600}.sr-supplier-lead small,.sr-supplier-orders small{margin-left:4px;font-size:14px}.sr-feed{overflow:clip}.sr-feed-head{gap:14px;padding:24px 24px 16px;display:grid}.sr-feed-head h2 span{color:var(--tk-accent);animation:sr-tick .36s var(--sr-ease);display:inline-block}.sr-feed-chips{flex-wrap:wrap;gap:6px;display:flex}.sr-feed-chips span{background:var(--tk-surface-soft);color:var(--tk-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:14px}.sr-feed ol{margin:0;padding:0 0 8px;list-style:none}.sr-feed li{border-top:1px solid color-mix(in srgb, var(--tk-line) 60%, transparent);animation:sr-rise .36s var(--sr-ease);grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 24px;display:grid}.sr-feed li>i{background:color-mix(in srgb, var(--tk-accent) 14%, var(--tk-surface));width:32px;height:32px;color:var(--tk-accent);border-radius:10px;place-items:center;display:grid}.sr-feed li>i svg{width:16px;height:16px}.sr-feed li div{gap:2px;min-width:0;display:grid}.sr-feed li b{font-size:15px;font-weight:600;line-height:1.35}.sr-feed li span{color:var(--tk-muted);font-size:14px;line-height:1.4}.sr-feed time{color:var(--tk-muted);white-space:nowrap;font-size:13px}.sr-app .sr-log-follow-up,.sr-app .sr-log-count{background:color-mix(in srgb, var(--tk-signal) 14%, var(--tk-surface));color:var(--tk-signal)}.sr-app .sr-log-receiving{background:color-mix(in srgb, var(--tk-blue) 14%, var(--tk-surface));color:var(--tk-blue)}.sr-device{min-width:0;position:relative;overflow:clip}.sr-phone{background:var(--tk-surface);width:min(100%,380px);box-shadow:0 0 0 10px var(--tk-phone), 0 0 0 11px color-mix(in srgb, var(--tk-line-strong) 60%, transparent), var(--sr-lift-shadow);border-radius:34px;margin:10px auto;padding-bottom:16px}.sr-device-bar{color:var(--tk-text);justify-content:space-between;gap:8px;padding:14px 22px 6px;font-size:14px;font-weight:600;display:flex}.sr-device-bar b{font-variant-numeric:tabular-nums;white-space:nowrap}.sr-device-head,.sr-receive-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 20px 14px;display:flex}.sr-device-head small,.sr-receive-head small{color:var(--tk-muted);font-size:14px}.sr-device h2{font-size:24px}.sr-device-head>svg,.sr-receive-head>svg{background:color-mix(in srgb, var(--tk-accent) 16%, var(--tk-surface));width:44px;height:44px;color:var(--tk-accent);border-radius:14px;flex:none;padding:11px}.sr-phone-search{min-height:48px;margin:0 16px 12px;padding:0 14px}.sr-pick-list{gap:8px;padding:0 16px;display:grid}.sr-pick-list button{background:var(--tk-surface-raised);min-height:60px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 60%, transparent);text-align:left;cursor:pointer;transition:transform .16s var(--sr-ease), box-shadow .16s var(--sr-ease);border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sr-pick-list button:active{transform:scale(.985)}.sr-pick-list button[data-active=true]{box-shadow:inset 0 0 0 2px var(--tk-accent), 0 6px 16px color-mix(in srgb, var(--tk-accent) 12%, transparent)}.sr-pick-list button>span{flex:1;min-width:0;display:grid}.sr-pick-list b{white-space:normal;font-size:15px;font-weight:600;line-height:1.3}.sr-pick-list small{color:var(--tk-muted);font-size:14px}.sr-pick-list strong{font-family:var(--sr-display);white-space:nowrap;font-size:24px;font-weight:700}.sr-pick-list strong small{font-family:var(--sr-font);margin-left:3px;font-weight:500}.sr-phone-action{background:color-mix(in srgb, var(--tk-canvas) 60%, var(--tk-surface));border-radius:18px;gap:10px;margin:12px 16px;padding:16px;display:grid}.sr-phone-selected{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sr-phone-selected span{min-width:0;color:var(--tk-muted);font-size:14px;line-height:1.3}.sr-phone-selected b{white-space:nowrap;font-size:14px;font-weight:650}.sr-phone-action label{grid-template-columns:1fr 76px;align-items:center;gap:10px;font-size:15px;font-weight:600;display:grid}.sr-phone-action input{background:var(--tk-surface);width:76px;min-height:48px;box-shadow:inset 0 0 0 1px var(--tk-line);color:var(--tk-text);text-align:center;font-variant-numeric:tabular-nums;border:0;border-radius:12px;padding:6px;font-weight:650;font-size:18px!important}.sr-quiet,.sr-icon-button{min-height:48px;box-shadow:inset 0 0 0 1px var(--tk-line);cursor:pointer;transition:background-color .16s var(--sr-ease);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.sr-quiet{width:100%}.sr-quiet:hover,.sr-icon-button:hover{background:var(--tk-surface-raised)}.sr-inline-error{color:var(--tk-danger);font-size:14px;font-weight:600}.sr-notification{background:var(--tk-surface-raised);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 60%, transparent), 0 8px 20px color-mix(in srgb, var(--tk-shadow) 12%, transparent);border-radius:18px;align-items:flex-start;gap:12px;margin:0 16px 12px;padding:14px;display:flex}.sr-notification>svg{background:var(--tk-accent);width:32px;height:32px;color:var(--tk-accent-contrast);border-radius:10px;flex:none;padding:7px}.sr-notification div{gap:2px;min-width:0;display:grid}.sr-notification b{font-size:15px;font-weight:650}.sr-notification span{color:var(--tk-muted);font-size:14px;line-height:1.4}.sr-notification small{color:var(--tk-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:700}.sr-request-status{gap:6px;margin:0 20px;display:grid}.sr-request-status>span{color:var(--tk-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.sr-empty-note{color:var(--tk-muted);font-size:14px}.sr-request-status>div{justify-content:space-between;gap:8px;font-size:14px;display:flex}.sr-request-status b{min-width:0;font-weight:600}.sr-request-status small{background:color-mix(in srgb, var(--tk-accent) 14%, var(--tk-surface));color:color-mix(in srgb, var(--tk-accent) 62%, var(--tk-text));text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:1px 10px;font-size:14px}.sr-tablet .sr-device-bar{background:color-mix(in srgb, var(--tk-canvas) 55%, var(--tk-surface));color:var(--tk-muted);padding:12px 20px}.sr-tablet .sr-device-bar b{color:var(--tk-text);align-items:center;gap:8px;display:inline-flex}.sr-tablet .sr-device-bar b:before{content:"";background:var(--tk-success);border-radius:50%;width:8px;height:8px}.sr-receive-head{padding-top:18px}.sr-receive-head p{color:var(--tk-muted);margin-top:2px;font-size:14px}.sr-receive-line{background:color-mix(in srgb, var(--tk-canvas) 55%, var(--tk-surface));border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0 20px 12px;padding:14px 16px;display:flex}.sr-receive-line span{min-width:0;display:grid}.sr-receive-line b{font-size:15px;font-weight:650;line-height:1.3}.sr-receive-line small{color:var(--tk-muted);font-size:14px}.sr-receive-line strong{font-family:var(--sr-display);letter-spacing:-.03em;white-space:nowrap;font-size:30px;font-weight:700}.sr-receive-visual{background:var(--tk-surface-soft);border-radius:14px;height:44px;margin:0 20px 14px;position:relative;overflow:clip}.sr-receive-visual div{background:color-mix(in srgb, var(--tk-success) 40%, var(--tk-surface));height:100%;transition:width .42s var(--sr-ease)}.sr-receive-visual span{place-items:center;font-size:14px;font-weight:650;display:grid;position:absolute;inset:0}.sr-receive-buttons{gap:8px;padding:0 20px;display:grid}.sr-receive-buttons button{min-height:48px;box-shadow:inset 0 0 0 1px var(--tk-line);cursor:pointer;transition:background-color .16s var(--sr-ease), transform .16s var(--sr-ease);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.sr-receive-buttons button:hover{background:var(--tk-surface-raised)}.sr-receive-buttons button:active{transform:scale(.985)}.sr-receive-buttons button:first-child{background:var(--tk-accent);color:var(--tk-accent-contrast);box-shadow:inset 0 1px #fff3}.sr-receive-buttons button:first-child:hover{filter:brightness(1.06)}.sr-receive-note{color:var(--tk-muted);gap:10px;margin:14px 20px 20px;font-size:14px;line-height:1.45;display:flex}.sr-receive-note svg{color:var(--tk-accent);flex:none}.sr-footer{max-width:calc(var(--sr-max) + 2 * var(--sr-pad));padding:56px var(--sr-pad) 120px;color:var(--tk-muted);text-align:center;margin:0 auto;font-size:14px}.sr-toast{z-index:40;background:var(--tk-text);max-width:min(520px,100vw - 32px);color:var(--tk-canvas);box-shadow:var(--sr-lift-shadow);opacity:0;pointer-events:none;transition:opacity .22s var(--sr-ease), transform .26s var(--sr-ease);border-radius:16px;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-size:15px;font-weight:550;line-height:1.35;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.sr-toast[data-show=true]{opacity:1;transform:translate(-50%)}.sr-toast svg{background:var(--tk-accent);width:22px;height:22px;color:var(--tk-accent-contrast);border-radius:50%;flex:none;padding:3px}.sr-democtl{z-index:50;justify-items:end;gap:12px;display:grid;position:fixed;bottom:24px;right:24px}.sr-democtl-toggle{background:color-mix(in srgb, var(--tk-surface-raised) 88%, transparent);min-height:48px;box-shadow:inset 0 0 0 1px var(--tk-line), var(--sr-lift-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .16s var(--sr-ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 14px;font-weight:650;display:inline-flex}.sr-democtl-toggle:hover{transform:translateY(-1px)}.sr-democtl-toggle[aria-expanded=true]{background:var(--tk-text);color:var(--tk-canvas)}.sr-demo-sheet{background:var(--tk-surface);width:360px;max-height:calc(100vh - 120px);box-shadow:inset 0 0 0 1px var(--tk-line), var(--sr-lift-shadow);animation:sr-sheet-in .24s var(--sr-ease);border-radius:22px;padding:20px;overflow-y:auto}.sr-sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sr-sheet-head div{gap:2px;display:grid}.sr-sheet-head b{font-family:var(--sr-display);letter-spacing:-.02em;font-size:20px}.sr-sheet-head small{color:var(--tk-muted);font-size:14px}.sr-sheet-close{background:var(--tk-surface-raised);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sr-sheet-label{color:var(--tk-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;margin:18px 0 8px!important}.sr-segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sr-segment button{background:var(--tk-surface-raised);min-height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent);cursor:pointer;transition:background-color .16s var(--sr-ease);border:0;border-radius:12px;padding:8px 10px;font-weight:600}.sr-segment button[aria-pressed=true]{background:var(--tk-text);color:var(--tk-canvas);box-shadow:none}.sr-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sr-swatch{background:var(--tk-surface-raised);min-height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent);cursor:pointer;text-align:left;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sr-swatch span{background:linear-gradient(135deg, var(--swatch-a) 50%, var(--swatch-b) 50%);border-radius:50%;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1px #00000026}.sr-swatch em{font-size:14px;font-style:normal;font-weight:600}.sr-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--tk-accent)}.sr-swatch-dark-garage{--swatch-a:var(--tk-swatch-garage-a);--swatch-b:var(--tk-swatch-garage-b)}.sr-swatch-light-bakery{--swatch-a:var(--tk-swatch-bakery-a);--swatch-b:var(--tk-swatch-bakery-b)}.sr-swatch-dark-studio{--swatch-a:var(--tk-swatch-studio-a);--swatch-b:var(--tk-swatch-studio-b)}.sr-swatch-light-clinic{--swatch-a:var(--tk-swatch-clinic-a);--swatch-b:var(--tk-swatch-clinic-b)}.sr-sheet-play{justify-content:space-between;align-items:center;gap:12px;display:flex}.sr-sheet-play>span{color:var(--tk-muted);font-size:14px}.sr-loading{padding:96px var(--sr-pad);gap:24px;display:grid}.sr-loading div{background:linear-gradient(100deg, var(--tk-surface) 30%, var(--tk-surface-raised) 50%, var(--tk-surface) 70%);background-size:300% 100%;border-radius:24px;height:22vh;animation:1.4s ease-in-out infinite sr-shimmer}@keyframes sr-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes sr-settle{0%{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes sr-tick{0%{opacity:.2;transform:translateY(5px)}}@keyframes sr-sheet-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes sr-hero-in{0%{opacity:0;transform:scale(1.04)}}@keyframes sr-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=1320px){.sr-row{grid-template-columns:minmax(220px,2.3fr) minmax(100px,.9fr) minmax(90px,.8fr) 108px 92px;gap:12px;padding-inline:20px}.sr-order-split{grid-template-columns:1fr;gap:24px}.sr-hero-glance{width:270px}}@media (width<=1080px){.sr-hero-glance{display:none}.sr-role-tabs{z-index:30;padding:10px var(--sr-pad);scrollbar-width:none;background:color-mix(in srgb, var(--tk-canvas) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);gap:4px;margin-top:16px;display:flex;position:sticky;top:0;overflow-x:auto}.sr-role-tabs::-webkit-scrollbar{display:none}.sr-role-tabs button{background:var(--tk-surface);min-height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent);color:var(--tk-muted);white-space:nowrap;cursor:pointer;transition:background-color .18s var(--sr-ease), color .18s var(--sr-ease);border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.sr-role-tabs button[aria-selected=true]{background:var(--tk-text);color:var(--tk-canvas);box-shadow:none}.sr-tab-count{background:color-mix(in srgb, var(--tk-accent) 22%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 8px;font-size:13px}.sr-workspace{padding-top:16px;display:block}.sr-side{display:contents}.sr-view{display:none}.sr-view.is-active{animation:sr-rise .26s var(--sr-ease);display:grid}.sr-device.is-active,.sr-feed.is-active{max-width:640px;margin-inline:auto;display:block}.sr-phone.is-active{max-width:400px;margin-block:10px}}@media (width<=760px){.sr-topbar{padding-block:12px}.sr-honest{display:none}.sr-mark-text b{font-size:17px}.sr-hero{border-radius:24px;min-height:540px;margin-inline:12px}.sr-hero:before{background:linear-gradient(#0c0c0a1a 0%,#0c0c0a80 28%,#0c0c0ae6 56%,#0c0c0af5 100%)}.sr-hero-media img{object-position:74% 30%!important}.sr-hero-copy{width:100%;padding:24px 20px 22px}.sr-hero h1{margin-top:10px;font-size:38px;line-height:1.02}.sr-lede{font-size:16px;margin-top:12px!important}.sr-play{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}.sr-play-button{width:100%}.sr-play-status{max-width:none}.sr-role-tabs{margin-top:8px;padding-inline:12px}.sr-workspace{padding:8px 12px 0}.sr-manager,.sr-manager-grid{gap:16px}.sr-metrics{grid-template-columns:1fr 1fr}.sr-metric{padding:16px}.sr-metric:nth-child(3){box-shadow:inset 0 1px 0 color-mix(in srgb, var(--tk-line) 70%, transparent)}.sr-metric:nth-child(4){box-shadow:inset 1px 0 0 color-mix(in srgb, var(--tk-line) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--tk-line) 70%, transparent)}.sr-metric strong{font-size:22px}.sr-request-inbox{grid-template-columns:1fr;padding:18px}.sr-request-card{flex-direction:column;grid-column:1;align-items:stretch}.sr-panel-head{flex-direction:column;align-items:stretch;padding:20px 16px 14px}.sr-search{width:100%}.sr-key-hint,.sr-row-head{display:none}.sr-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item stock""level level""reorder value";align-items:start;gap:10px 12px;padding:14px 16px}.sr-cell-item{grid-area:item;align-items:flex-start;gap:12px}.sr-bin{width:40px;height:40px}.sr-stock{text-align:right;grid-area:stock;justify-items:end}.sr-stock strong{font-family:var(--sr-display);font-size:22px;line-height:1.1}.sr-row .sr-reserved{font-size:14px}.sr-level{grid-area:level}.sr-reorder{text-align:left;color:var(--tk-muted);grid-area:reorder;font-size:14px}.sr-reorder:before{content:"Reorder / par  ";white-space:pre}.sr-value{grid-area:value;font-size:15px}.sr-table:not([data-expanded=true]) .sr-row:not(.sr-row-head):nth-child(n+7){display:none}.sr-show-all{background:var(--tk-surface-raised);width:calc(100% - 32px);min-height:48px;box-shadow:inset 0 0 0 1px var(--tk-line);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:4px 16px 16px;font-weight:600;display:flex}.sr-show-all[aria-expanded=true] svg{transform:rotate(180deg)}.sr-pipeline{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;gap:10px;padding:0 16px 4px;scroll-padding-inline:16px;overflow-x:auto}.sr-pipeline::-webkit-scrollbar{display:none}.sr-stage{scroll-snap-align:start;padding:10px}.sr-order-split{padding:20px 16px}.sr-feed-head{padding:20px 16px 14px}.sr-feed li{padding:14px 16px}.sr-feed time{font-size:14px}.sr-phone.is-active{width:100%;max-width:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tk-line) 70%, transparent), var(--sr-card-shadow);border-radius:24px;margin:0}.sr-stage-name small,.sr-stage-count,.sr-stage h3>i,.sr-key-hint kbd,.sr-tab-count{font-size:14px}.sr-footer{padding:40px 20px 112px}.sr-democtl{pointer-events:none;justify-items:center;bottom:16px;left:12px;right:12px}.sr-democtl>*{pointer-events:auto}.sr-demo-sheet{width:100%;max-height:calc(100vh - 100px)}.sr-toast{bottom:80px}}@media (prefers-reduced-motion:reduce){.sr-app *,.sr-app :before,.sr-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}
