.screen-demo{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.screen-demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.screen-demo-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15}.screen-demo-note{max-width:52ch;margin:0}.mode-switch{min-inline-size:0;border:0;max-width:100%;margin:0;padding:0}.mode-switch legend{color:var(--text-secondary);margin-bottom:8px;padding:0;font-size:.8125rem;font-weight:600}.mode-options{background:var(--surface-raised);border-radius:16px;gap:6px;padding:4px;display:flex}.mode-option{cursor:pointer;min-width:132px;transition:background var(--motion-fast), box-shadow var(--motion-fast);border-radius:12px;padding:8px 14px;display:grid}.mode-option:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.mode-option:has(:checked){background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb, var(--text) 12%, transparent)}.mode-option:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.mode-name{font-size:.875rem;font-weight:600}.mode-hint{color:var(--text-muted);font-size:.75rem}.app-frame{--frame-pad:10px;--rail-w:76px;grid-template-columns:var(--rail-w) minmax(0, 1fr);height:clamp(680px,100dvh - 150px,920px);padding:var(--frame-pad);background:var(--frame);box-shadow:0 30px 80px color-mix(in srgb, var(--frame) 22%, transparent);transition:grid-template-columns var(--motion-slow) cubic-bezier(.32, .72, 0, 1);border-radius:32px;display:grid;position:relative}.app-frame.sidebar-integrated.is-expanded{grid-template-columns:256px minmax(0,1fr)}.app-frame.sidebar-floating{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);gap:12px}.app-panel{background:var(--surface);border-radius:24px;flex-direction:column;grid-column:2;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-topbar{justify-content:space-between;align-items:center;gap:16px;padding:24px 32px 12px;display:flex}.panel-topbar h1{letter-spacing:-.035em;margin:0;font-size:1.875rem;font-weight:700}.panel-actions{align-items:center;gap:10px;display:flex}.panel-body{flex:1;min-height:0;padding:8px 32px 32px;overflow-y:auto}.icon-button{background:var(--surface-muted);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background var(--motion-fast), transform 90ms;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.icon-button svg{width:20px;height:20px}.icon-button:hover{background:var(--border)}.icon-button:active{transform:scale(.94)}.icon-button.is-muted{color:var(--text-muted)}.icon-button.is-plain{background:0 0;width:36px;height:36px}.icon-button.is-plain:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.icon-button.has-dot:after{content:"";background:var(--danger);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface-muted);border-radius:50%;position:absolute;top:11px;right:12px}.cashier-chip{background:var(--surface-muted);height:48px;color:var(--text);cursor:pointer;transition:background var(--motion-fast);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 6px;font-size:.875rem;font-weight:600;display:inline-flex}.cashier-chip:hover{background:var(--border)}.cashier-chip svg{width:16px;height:16px}.avatar{background:var(--tint-cream);width:36px;height:36px;color:var(--tint-cream-ink);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.avatar.is-owner{background:var(--tint-sky);color:var(--tint-sky-ink)}.amount{font-variant-numeric:tabular-nums}.delta{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.delta.is-up{color:var(--tint-mint-ink)}.delta.is-down{color:var(--danger)}.dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.is-ok{background:var(--success)}.primary-action{background:var(--action);width:100%;height:56px;color:var(--on-action);cursor:pointer;transition:background var(--motion-fast), transform 90ms, opacity var(--motion-fast);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:1.0625rem;font-weight:700;display:flex}.primary-action:hover{background:var(--action-hover)}.primary-action:active{transform:scale(.98)}.primary-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-action kbd,.search-field kbd{background:color-mix(in srgb, var(--frame) 10%, transparent);font:600 .75rem var(--font-sans);border-radius:6px;padding:2px 6px}.primary-action.is-pill{border-radius:999px;width:auto;height:46px;padding:0 24px;font-size:.9375rem}.secondary-action{border:1px solid var(--border);background:var(--surface);width:100%;height:48px;color:var(--text);cursor:pointer;transition:background var(--motion-fast);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.secondary-action:hover{background:var(--surface-muted)}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action svg{width:18px;height:18px}.ghost-button{background:var(--surface);height:36px;color:var(--text);cursor:pointer;transition:background var(--motion-fast);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.ghost-button:hover{background:var(--border)}.ghost-button svg{width:16px;height:16px}.ghost-button.is-danger{color:var(--danger)}.ghost-button:disabled{opacity:.45;cursor:not-allowed}.sidebar{z-index:3;min-height:0;color:var(--frame-text);flex-direction:column;gap:8px;padding:12px 4px 8px;display:flex;position:relative}.sidebar.is-floating{width:var(--rail-w);background:var(--frame);box-shadow:var(--shadow-floating);transition:width var(--motion-slow) cubic-bezier(.32, .72, 0, 1);border-radius:24px;padding:12px 10px 8px;position:absolute;top:12px;bottom:12px;left:12px}.sidebar.is-floating.is-wide{z-index:6;width:256px}.sidebar.is-wide{overflow:hidden}.side-head{align-items:center;gap:12px;min-height:52px;padding:0 4px;display:flex}.side-brand{background:var(--tint-cream);width:52px;height:52px;color:var(--frame);cursor:pointer;border:0;border-radius:16px;flex:none;place-items:center;transition:transform 90ms;display:grid}.side-brand svg{width:26px;height:26px}.side-brand:active{transform:scale(.95)}.side-business{white-space:nowrap;flex:1;min-width:0;display:grid}.side-business>span{text-overflow:ellipsis;overflow:hidden}.side-business-name{font-size:.875rem;font-weight:600}.side-business-route{color:var(--frame-muted);font-size:.75rem}.side-collapse{width:32px;height:32px;color:var(--frame-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.side-collapse:hover{background:var(--frame-raised);color:var(--frame-text)}.side-collapse svg{width:18px;height:18px}.side-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sidebar>.side-list{scrollbar-width:none;flex:1;align-content:start;margin-top:24px;overflow-y:auto}.side-item,.side-register{width:100%;height:46px;color:var(--frame-muted);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 15px;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex;position:relative}.side-item:hover{background:var(--frame-raised);color:var(--frame-text)}.side-item.is-active{color:var(--frame-text)}.side-item.is-active:before{content:"";background:var(--frame-text);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-4px}.sidebar.is-wide .side-item.is-active{background:var(--frame-raised)}.side-icon{flex:none;width:21px;height:21px}.side-chevron{width:16px;height:16px;transition:transform var(--motion-base) var(--ease-out);margin-left:auto}.is-open>.side-item .side-chevron{transform:rotate(180deg)}.side-sub{transition:grid-template-rows var(--motion-base) var(--ease-out);grid-template-rows:0fr;display:grid}.is-open>.side-sub{grid-template-rows:1fr}.side-sub>ul{min-height:0;box-shadow:inset 1px 0 0 var(--frame-raised);margin:0 0 0 25px;padding:0 0 0 12px;list-style:none;overflow:hidden}.side-subitem{width:100%;height:38px;color:var(--frame-muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;margin:2px 0;padding:0 12px;font-size:.875rem;display:flex}.side-subitem:hover,.side-subitem.is-active{background:var(--frame-raised);color:var(--frame-text)}.side-foot{box-shadow:inset 0 1px 0 var(--frame-raised);gap:6px;padding-top:10px;display:grid}.side-register{background:var(--action);color:var(--on-action);font-weight:700}.side-register:hover{background:var(--action-hover)}.side-item.is-muted:hover{color:var(--danger-soft)}.sidebar:not(.is-wide) .side-label,.sidebar:not(.is-wide) .side-business,.sidebar:not(.is-wide) .side-chevron{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sidebar:not(.is-wide) .side-item,.sidebar:not(.is-wide) .side-register{justify-content:center;width:48px;margin:0 auto;padding:0}.sidebar:not(.is-wide) .side-sub{display:none}.sidebar:not(.is-wide) .side-head{justify-content:center;padding:0}:is(.sidebar:not(.is-wide),.rail) [data-tip]:is(:hover,:focus-visible):after{content:attr(data-tip);z-index:30;background:var(--frame);color:var(--frame-text);white-space:nowrap;box-shadow:var(--shadow-floating);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:.8125rem;font-weight:500;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.side-flyout{background:var(--frame);color:var(--frame-text);animation:flyout-in .14s var(--ease-out)}.side-flyout .menu-item[data-highlighted]{background:var(--frame-raised)}.side-flyout-title{color:var(--frame-muted);padding:6px 12px 8px;font-size:.75rem;font-weight:600}@keyframes flyout-in{0%{opacity:0;transform:scale(.98)translate(-4px)}}@media (max-width:760px){.app-frame{--rail-w:60px;--frame-pad:6px;border-radius:22px;height:auto;min-height:calc(100dvh - 140px)}.app-frame.sidebar-integrated.is-expanded{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.app-panel{border-radius:18px}.panel-topbar{padding:16px 16px 8px}.panel-topbar h1{font-size:1.5rem}.panel-body{padding:8px 16px 20px}.cashier-name{display:none}.mode-options{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.side-flyout{animation:none}}.menu-button{display:none}.drawer-backdrop{cursor:default;z-index:55;background:color-mix(in srgb, var(--frame) 45%, transparent);animation:backdrop-in var(--motion-base) var(--ease-out);border:0;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}@media (max-width:760px){.menu-button{background:var(--frame);color:var(--frame-text);display:grid}.menu-button:hover{background:var(--frame-raised)}.app-frame,.app-frame.sidebar-integrated.is-expanded,.app-frame.sidebar-floating{box-shadow:none;background:0 0;grid-template-columns:minmax(0,1fr);gap:0;padding:0}.app-panel{box-shadow:inset 0 0 0 1px var(--border);grid-column:1}.sidebar.is-drawer,.rail.is-drawer{z-index:60;background:var(--frame);width:min(300px,86vw);box-shadow:-20px 0 60px color-mix(in srgb, var(--frame) 35%, transparent);visibility:hidden;transition:transform var(--motion-slow) cubic-bezier(.32, .72, 0, 1), visibility 0s linear var(--motion-slow);border-radius:24px 0 0 24px;padding:16px 14px 12px;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(105%)}.sidebar.is-drawer.is-open,.rail.is-drawer.is-open{visibility:visible;transition:transform var(--motion-slow) cubic-bezier(.32, .72, 0, 1);transform:none}}
.top-frame{background:var(--surface-muted);height:clamp(680px,100dvh - 150px,920px);box-shadow:inset 0 0 0 1px var(--border);border-radius:32px;overflow:hidden;container:shell/inline-size}.top-scroll{height:100%;padding:0 20px 28px;scroll-padding-top:96px;overflow-y:auto}.top-nav{z-index:10;background:linear-gradient(var(--surface-muted) 78%, transparent);align-items:center;gap:12px;padding:16px 0 14px;display:flex;position:sticky;top:0}.top-island{background:var(--surface);min-height:64px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent), 0 8px 24px color-mix(in srgb, var(--frame) 6%, transparent);border-radius:999px;align-items:center;padding:0 8px;display:flex}.top-brand{flex:none;gap:10px;padding-right:18px}.top-brand-mark{background:var(--tint-cream);width:48px;height:48px;color:var(--frame);border-radius:999px;flex:none;place-items:center;display:grid}.top-brand-mark svg{width:24px;height:24px}.top-business{white-space:nowrap;display:grid}.top-business-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.top-business-route{color:var(--text-muted);font-size:.75rem}.top-nav{justify-content:space-between}.top-links{flex:0 auto;justify-content:center;min-width:0}.top-links ul{gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.top-link{height:48px;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast), transform 90ms;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}.top-link:hover,.top-link[data-state=open]{background:var(--surface-muted);color:var(--text)}.top-link:active{transform:scale(.97)}.top-link.is-active{background:var(--frame);color:var(--frame-text);font-weight:600}.top-link-icon{flex:none;width:19px;height:19px}.top-link.is-active .top-link-icon{color:var(--action)}.top-link-chevron{opacity:.7;width:14px;height:14px;transition:transform var(--motion-fast);margin-left:-2px}.top-link[data-state=open] .top-link-chevron{transform:rotate(180deg)}.top-tools{flex:none;gap:8px}.top-tools .status-pill.rate-pill{height:44px}.top-search{background:var(--surface-muted);width:220px;height:48px;color:var(--text-muted);cursor:text;transition:background var(--motion-fast);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 16px;font-size:.875rem;display:flex}.top-search:hover{background:var(--border)}.top-search svg{flex:none;width:19px;height:19px}.top-search-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.top-search-key{background:var(--surface);color:var(--text-secondary);font:600 .6875rem var(--font-sans);border-radius:999px;padding:3px 7px}.top-register{background:var(--action);height:48px;color:var(--on-action);white-space:nowrap;transition:background var(--motion-fast), transform 90ms;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 16px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.top-register:hover{background:var(--action-hover)}.top-register:active{transform:scale(.97)}.top-register .register-icon{width:18px;height:18px}.account-chip{border:0}.top-tools .account-chip{gap:6px;height:48px;padding:0 10px 0 6px}.account-chip .filter-chevron{transition:transform var(--motion-fast)}.account-chip[data-state=open] .filter-chevron{transform:rotate(180deg)}.top-links [data-tip]:is(:hover,:focus-visible):after{content:attr(data-tip);z-index:30;background:var(--frame);color:var(--frame-text);white-space:nowrap;box-shadow:var(--shadow-floating);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:.8125rem;font-weight:500;display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:6px 4px 20px;display:flex}.page-head h1{letter-spacing:-.035em;margin:0;font-size:1.875rem;font-weight:700}.page-head-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0;display:flex}.page-head.is-toolbar{margin:0 0 20px}.top-page{grid-template-columns:minmax(0,1fr);display:grid}.account-avatar{position:relative}.account-dot{background:var(--warning);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface-muted);border-radius:50%;position:absolute;top:-1px;right:-1px}.menu-row-item.is-pending svg{color:var(--tint-cream-ink)}.menu-row-item .account-pending{display:grid}.account-menu{min-width:288px}.account-card{align-items:center;gap:12px;padding:8px 10px 10px;display:flex}.account-name{font-weight:700;display:block}.account-role{color:var(--text-muted);font-size:.8125rem;display:block}.menu-separator{background:var(--border);height:1px;margin:6px 4px}.menu-label{color:var(--text-muted);padding:6px 12px 4px;font-size:.75rem;font-weight:600}.layout-item{justify-content:space-between;gap:12px;min-height:52px}.layout-item[data-state=checked]{background:var(--surface-muted)}.layout-item-name{font-size:.875rem;font-weight:600;display:block}.layout-item-hint{color:var(--text-muted);font-size:.75rem;display:block}.layout-item-check{background:var(--frame);width:24px;height:24px;color:var(--action);border-radius:50%;place-items:center;display:grid}.layout-item-check svg{width:14px;height:14px}.menu-row-item{gap:10px;font-size:.875rem}.menu-row-item svg{width:18px;height:18px;color:var(--text-muted)}.menu-row-item.is-danger,.menu-row-item.is-danger svg{color:var(--danger)}.top-menu{min-width:220px;animation:pop-in var(--motion-base) var(--ease-out)}@container shell (max-width:1640px){.top-search{cursor:pointer;justify-content:center;width:48px;padding:0}.top-search-text,.top-search-key{display:none}}@container shell (max-width:1540px){.top-business{display:none}.top-brand{padding-right:8px}.top-link-chevron{display:none}}@container shell (max-width:1440px){.top-link:not(.is-active){justify-content:center;width:48px;padding:0}.top-link:not(.is-active) .top-link-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.top-links [data-tip]:not(.is-active):is(:hover,:focus-visible):after{display:block}}@container shell (max-width:1080px){.top-register-label{display:none}.top-register{justify-content:center;width:48px;padding:0}}@container shell (max-width:900px){.top-nav{flex-wrap:wrap;gap:10px}.top-tools{margin-left:auto}.top-links{flex-basis:100%;order:3;justify-content:space-between}.top-links ul{scrollbar-width:none;flex:1;justify-content:space-between;overflow-x:auto}.top-link:not(.is-active){width:auto;padding:0 12px}.top-link:not(.is-active) .top-link-label{clip-path:none;width:auto;height:auto;position:static}.top-links [data-tip]:not(.is-active):is(:hover,:focus-visible):after{display:none}}@media (prefers-reduced-motion:reduce){.top-menu{animation:none}}.section-placeholder{background:var(--surface);text-align:center;max-width:560px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent);border-radius:28px;justify-items:center;gap:10px;margin:24px auto;padding:40px 28px;display:grid}.placeholder-icon{background:var(--frame);width:64px;height:64px;color:var(--action);border-radius:20px;place-items:center;display:grid}.section-placeholder .placeholder-icon svg{width:28px;height:28px}.placeholder-group{color:var(--text-muted);margin:6px 0 0;font-size:.8125rem;font-weight:600}.section-placeholder h2{letter-spacing:-.02em;margin:0;font-size:1.5rem}.placeholder-summary{margin:0;font-size:1rem}.placeholder-note{color:var(--text-muted);margin:0;font-size:.8125rem}.placeholder-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.placeholder-actions .alert-banner-action,.placeholder-actions .filter-button{align-items:center;gap:6px;height:44px;text-decoration:none;display:inline-flex}.section-placeholder .placeholder-actions svg{width:16px;height:16px}
.side-sheet{background:var(--surface);width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);box-shadow:-30px 0 80px color-mix(in srgb, var(--frame) 25%, transparent);border:0;border-radius:28px 0 0 28px;margin:0 0 0 auto;padding:0}.side-sheet[open]{animation:sheet-in var(--motion-slow) cubic-bezier(.32, .72, 0, 1)}.side-sheet::backdrop{background:color-mix(in srgb, var(--frame) 40%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes sheet-in{0%{opacity:0;transform:translate(40px)}}.detail-inner{flex-direction:column;height:100%;display:flex}.detail-head{box-shadow:inset 0 -1px 0 var(--border);align-items:flex-start;gap:12px;padding:22px 22px 14px;display:flex}.detail-head>div{flex:1;min-width:0}.detail-head h2{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:700}.detail-head .status-badge{margin-top:8px}.detail-kicker{color:var(--text-muted);margin:0 0 2px;font-size:.8125rem}.detail-title-icon{align-items:center;gap:8px;display:inline-flex}.detail-title-icon .register-icon{width:22px;height:22px}.detail-body{flex:1;align-content:start;gap:14px;padding:18px 22px 24px;display:grid;overflow-y:auto}.detail-foot{box-shadow:inset 0 1px 0 var(--border);gap:8px;padding:14px 22px 20px;display:grid}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-actions .alert-banner-action{align-items:center;gap:6px;height:44px;display:inline-flex}.detail-actions svg{width:16px;height:16px}.detail-hint{color:var(--text-muted);text-align:right;margin:0;font-size:.8125rem}.detail-section{color:var(--text-muted);letter-spacing:.02em;margin:8px 0 0;font-size:.75rem;font-weight:600}.detail-lead{color:var(--text-secondary);margin:0;font-size:.875rem}.detail-note{border-radius:14px;margin:0;padding:10px 14px;font-size:.8125rem}.detail-note.is-info{background:var(--tint-sky);color:var(--tint-sky-ink)}.detail-note.is-warning{background:var(--tint-cream);color:var(--tint-cream-ink)}.detail-note.is-danger{background:var(--danger-soft);color:var(--danger)}.detail-facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;display:grid}.detail-facts>div{background:var(--surface-muted);border-radius:16px;align-content:start;gap:4px;min-width:0;padding:12px 14px;display:grid}.detail-facts dt{color:var(--text-muted);font-size:.75rem}.detail-facts dd{overflow-wrap:anywhere;justify-items:start;gap:4px;margin:0;font-weight:600;display:grid}.detail-facts dd.is-over{color:var(--tint-cream-ink)}.detail-lines,.detail-sales,.lot-list,.cashier-bars,.method-bars{gap:6px;margin:0;padding:0;list-style:none;display:grid}.detail-lines li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;font-size:.875rem;display:grid}.detail-lines .items-text{max-width:none}.detail-line-total{font-weight:600}.detail-total{background:var(--frame);color:var(--frame-muted);border-radius:18px;justify-items:end;gap:2px;padding:14px 16px;font-size:.8125rem;display:grid}.detail-total .cell-sub{color:var(--frame-muted)}.detail-total-usd{color:var(--frame-text);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.product-hero .detail-total-usd{color:var(--text);display:block}.detail-payment{background:var(--surface-muted);border-radius:14px;justify-content:space-between;padding:12px 14px;font-weight:600;display:flex}.detail-confirm{background:var(--danger-soft);border-radius:18px;gap:10px;padding:14px;display:grid}.detail-confirm p{color:var(--text-secondary);gap:2px;margin:0;font-size:.875rem;display:grid}.detail-confirm strong{color:var(--danger)}.danger-action{background:var(--danger);height:44px;color:var(--surface);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-size:.875rem;font-weight:700;display:inline-flex}.danger-action:hover{background:color-mix(in srgb, var(--danger) 85%, var(--frame))}.detail-sales button{background:var(--surface-muted);width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:0 10px;display:grid}.detail-sales button:hover{background:var(--border)}.detail-sales svg{width:16px;height:16px}.product-hero{align-items:center;gap:16px;display:flex}.product-hero-art{background:var(--surface-muted);border-radius:24px;flex:none;place-items:center;width:96px;height:96px;display:grid}.product-hero-art .product-art{width:84px}.mini-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:120px;margin:0;padding:0;list-style:none;display:grid}.mini-bars li{grid-template-rows:1fr auto;justify-items:center;gap:6px;height:100%;display:grid}.mini-bar{width:100%;height:var(--h,0);background:var(--chart-3);min-height:4px;transition:height var(--motion-slow) var(--ease-out);border-radius:8px 8px 4px 4px;align-self:end}.mini-bar.is-today{background:var(--chart-1)}.mini-bar-label{color:var(--text-muted);text-transform:capitalize;font-size:.6875rem}.register-row.is-static:hover{transform:none}.register-row.is-static{grid-template-columns:auto minmax(0,1fr)}.closing-rows{gap:4px;margin:0;display:grid}.closing-rows>div{background:var(--surface-muted);border-radius:12px;justify-content:space-between;padding:10px 14px;font-size:.875rem;display:flex}.closing-rows dt{color:var(--text-secondary)}.closing-rows dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.closing-rows .is-short{background:var(--danger-soft);color:var(--danger)}.closing-rows .is-short dt{color:inherit}.closing-rows .is-over{background:var(--tint-cream)}.method-bars li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 12px;font-size:.875rem;display:grid}.method-bar{background:linear-gradient(to right, var(--chart-1) var(--w,0), var(--surface-muted) var(--w,0));border-radius:999px;grid-column:1/-1;height:6px}.lot-list li{box-shadow:inset 0 0 0 1px var(--border);transition:opacity var(--motion-base);border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px;display:grid}.lot-list li.is-done{opacity:.65}.thumb.is-large{border-radius:14px;width:48px;height:48px;margin:0}.thumb.is-large .product-art{width:42px}.lot-main{gap:2px;min-width:0;display:grid}.lot-expiry{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.lot-expiry.is-soon{color:var(--tint-cream-ink);font-weight:700}.lot-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.cashier-bars li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.cashier-bar-main{gap:6px;display:grid}.cashier-bar-head{justify-content:space-between;font-size:.875rem;display:flex}.cashier-bar-head .amount{font-weight:700}.cashier-bar{background:linear-gradient(to right, var(--chart-1) var(--w,0), var(--surface-muted) var(--w,0));border-radius:999px;height:10px;position:relative}.is-over .cashier-bar{background:linear-gradient(to right, var(--warning) var(--w,0), var(--surface-muted) var(--w,0))}.cashier-bar:after{content:"";top:-4px;bottom:-4px;left:var(--goal,75%);border-left:2px dashed var(--text-muted);position:absolute}.filter-button:disabled{opacity:.45;cursor:not-allowed}.filter-button.is-danger{color:var(--danger)}.filter-button.is-danger:not(:disabled):hover{border-color:var(--danger)}.filter-button.is-on{border-color:var(--frame);background:var(--frame);color:var(--action)}.status-badge.is-neutral{background:var(--surface-muted);color:var(--text-secondary)}.kpi-link{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.kpi-link:hover{background:var(--surface-muted);color:var(--text)}.is-dark .kpi-link:hover{background:var(--frame-raised);color:var(--frame-text)}.kpi-link svg{width:18px;height:18px}.card-hint{color:var(--text-muted);text-align:center;margin:-6px 0 0;font-size:.75rem}.ring-slice{cursor:pointer}.ring-legend li{padding:0;display:block}.ring-legend button{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 10px;display:grid}.ring-legend button[aria-pressed=true]{background:var(--frame);color:var(--frame-text)}.ring-legend button[aria-pressed=true] .ring-legend-share{color:var(--frame-muted)}.focus-chip{color:var(--text-muted);align-items:center;gap:8px;margin:-4px 0 0;font-size:.8125rem;display:flex}.focus-chip button{background:var(--frame);height:32px;color:var(--frame-text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.focus-chip svg{width:14px;height:14px}.data-table tr.is-clickable{cursor:pointer;position:relative}.data-table tr.is-clickable .is-action .icon-button{position:static}.data-table tr.is-clickable .is-action .icon-button:after{content:"";position:absolute;inset:0}.data-table tr.is-clickable .is-action .icon-button:focus-visible{outline:none}.data-table tr.is-clickable:has(.is-action .icon-button:focus-visible) td{background:var(--surface-muted)}.data-table tr.is-clickable:has(.is-action .icon-button:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.register-row{position:relative}.register-row .row-open:after{content:"";border-radius:18px;position:absolute;inset:0}.register-row .row-open:focus-visible{outline:none}.register-row:has(.row-open:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.table-empty{justify-items:center;gap:8px;display:grid}.table-empty p{margin:0}.table-empty .ghost-button{background:var(--surface-muted)}.dash-card-foot .card-tools{flex-wrap:wrap}.alert-banner.is-done .alert-banner-icon{background:var(--tint-mint);color:var(--tint-mint-ink)}.dash-toast-region{z-index:90;pointer-events:none;width:min(440px,100vw - 32px);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.dash-toast{pointer-events:auto;box-shadow:var(--shadow-floating)}.palette{background:var(--surface);width:min(620px,100vw - 32px);max-height:min(560px,76vh);color:var(--text);box-shadow:0 40px 120px color-mix(in srgb, var(--frame) 35%, transparent);border:0;border-radius:24px;margin:12vh auto auto;padding:0;overflow:hidden}.palette[open]{animation:dialog-in .2s var(--ease-out);flex-direction:column;display:flex}.palette::backdrop{background:color-mix(in srgb, var(--frame) 40%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.palette-field{box-shadow:inset 0 -1px 0 var(--border);align-items:center;gap:12px;padding:0 16px;display:flex}.palette-field>svg{width:20px;height:20px;color:var(--text-muted);flex:none}.palette-field input{min-width:0;height:60px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:1.0625rem}.palette-field .top-search-key{background:var(--surface-muted)}.palette-list{flex:1;padding:6px 8px 8px;overflow-y:auto}.palette-group{color:var(--text-muted);margin:10px 10px 4px;font-size:.75rem;font-weight:600}.palette-item{cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:6px 10px;display:grid}.palette-item[aria-selected=true]{background:var(--surface-muted)}.palette-icon{background:var(--surface-muted);width:36px;height:36px;color:var(--text-secondary);border-radius:11px;place-items:center;display:grid}.palette-item[aria-selected=true] .palette-icon{background:var(--frame);color:var(--action)}.palette-icon svg{width:18px;height:18px}.palette-item .palette-art .product-art{width:32px}.palette-text{min-width:0}.palette-text .cell-title,.palette-text .cell-sub{text-overflow:ellipsis;overflow:hidden}.palette-enter{width:16px;height:16px;color:var(--text-secondary)}.palette-enter.is-quiet{opacity:0}.palette-empty{color:var(--text-muted);text-align:center;margin:0;padding:28px 12px}.palette-foot{color:var(--text-muted);box-shadow:inset 0 1px 0 var(--border);margin:0;padding:10px 16px;font-size:.75rem}@media (max-width:760px){.side-sheet{border-radius:24px 0 0 24px}.detail-head,.detail-body,.detail-foot{padding-inline:16px}.palette{margin-top:16px}.palette-foot{display:none}}@media (prefers-reduced-motion:reduce){.side-sheet[open],.palette[open]{animation:none}}
.welcome-dialog{background:var(--surface);width:min(460px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-floating);animation:welcome-in var(--motion-slow) var(--ease-out);border:0;border-radius:28px;margin:auto;padding:30px 28px 24px}.welcome-dialog::backdrop{background:color-mix(in srgb, var(--frame) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.welcome-badge{background:var(--frame);width:56px;height:56px;color:var(--action);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.welcome-badge svg{width:26px;height:26px}.welcome-dialog h2{letter-spacing:-.035em;margin:0 0 8px;font-size:1.625rem;font-weight:650}.welcome-dialog>p{margin:0}.welcome-stops{background:var(--surface-muted);border-radius:18px;gap:6px;margin:20px 0 22px;padding:14px;list-style:none;display:grid}.welcome-stops li{align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.welcome-stops li>span{background:var(--surface);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.welcome-actions{gap:10px;display:flex}.welcome-start,.welcome-skip{cursor:pointer;min-height:52px;transition:background var(--motion-fast), transform 90ms;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.9375rem;font-weight:650;display:inline-flex}.welcome-start{background:var(--action);color:var(--on-action);flex:1}.welcome-start:hover{background:var(--action-hover)}.welcome-skip{background:var(--surface-muted);color:var(--text)}.welcome-skip:hover{background:var(--border)}.welcome-start:active,.welcome-skip:active{transform:scale(.98)}.welcome-start svg{width:19px;height:19px}.welcome-note{color:var(--text-muted);text-align:center;margin:14px 0 0;font-size:.8125rem}.tour-layer{z-index:60;position:fixed;inset:0}.tour-spot{top:var(--spot-y,50%);left:var(--spot-x,50%);width:var(--spot-w,0);height:var(--spot-h,0);box-shadow:0 0 0 3px var(--action), 0 0 0 9999px color-mix(in srgb, var(--frame) 58%, transparent);pointer-events:none;transition:top var(--motion-slow) var(--ease-out), left var(--motion-slow) var(--ease-out), width var(--motion-slow) var(--ease-out), height var(--motion-slow) var(--ease-out);border-radius:18px;position:fixed}.tour-spot.is-free{width:0;height:0;box-shadow:0 0 0 9999px color-mix(in srgb, var(--frame) 58%, transparent);top:50%;left:50%}.tour-card{top:var(--card-y,50%);left:var(--card-x,50%);background:var(--frame);width:min(340px,100vw - 24px);color:var(--frame-text);box-shadow:var(--shadow-floating);transition:top var(--motion-slow) var(--ease-out), left var(--motion-slow) var(--ease-out);border-radius:20px;gap:10px;padding:16px 18px;display:grid;position:fixed}.tour-card.is-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-head{justify-content:space-between;align-items:center;display:flex}.tour-count{color:var(--action);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.tour-close{width:36px;height:36px;color:var(--frame-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin:-6px -8px -6px 0;display:grid}.tour-close:hover{background:var(--frame-raised);color:var(--frame-text)}.tour-close svg{width:18px;height:18px}.tour-card h2{color:var(--frame-text);letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:650}.tour-card h2:focus{outline:none}.tour-card p{color:var(--frame-muted);margin:0;font-size:.875rem;line-height:1.5}.tour-progress{gap:4px;display:flex}.tour-progress span{background:var(--frame-raised);border-radius:999px;flex:1;height:3px}.tour-progress span.is-on{background:var(--action)}.tour-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.tour-skip{min-height:44px;color:var(--frame-muted);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:0 4px;font-size:.875rem;font-weight:600}.tour-skip:hover{color:var(--frame-text)}.tour-back,.tour-next{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;font-weight:650;display:inline-flex}.tour-back{background:var(--frame-raised);color:var(--frame-text)}.tour-next{background:var(--action);color:var(--on-action);padding:0 16px}.tour-back svg,.tour-next svg{width:17px;height:17px}.tour-close:focus-visible,.tour-skip:focus-visible,.tour-back:focus-visible,.tour-next:focus-visible{outline:2px solid var(--action);outline-offset:2px}.welcome-start:focus-visible,.welcome-skip:focus-visible,.firststeps-replay:focus-visible,.firststeps-go:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.firststeps{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);border-radius:22px;gap:12px;padding:18px;display:grid}.firststeps-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.firststeps-head h2{margin:0;font-size:1.0625rem;font-weight:700}.firststeps-head p{color:var(--text-muted);margin:2px 0 0;font-size:.8125rem}.firststeps-tools{align-items:center;gap:6px;display:flex}.firststeps-replay{background:var(--surface-muted);min-height:40px;color:var(--text);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.firststeps-replay:hover{background:var(--border)}.firststeps-replay svg{width:16px;height:16px}.firststeps-bar{background:var(--surface-muted);border-radius:999px;height:6px}.firststeps-fill{border-radius:inherit;background:var(--action);height:100%;display:block}.firststeps-fill.is-1-of-5{width:20%}.firststeps-fill.is-2-of-5{width:40%}.firststeps-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.firststeps-list li{background:var(--surface-muted);min-width:0;transition:background var(--motion-fast);border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.firststeps-list li:not(.is-done):hover{background:var(--border)}.firststeps-list li.is-done{background:var(--tint-mint)}.firststeps-icon{background:var(--surface);width:36px;height:36px;color:var(--text-secondary);border-radius:11px;flex:none;place-items:center;display:grid}.firststeps-list li.is-done .firststeps-icon{background:var(--tint-mint-ink);color:var(--surface)}.firststeps-icon svg{width:18px;height:18px}.firststeps-text{flex:1;min-width:0;display:grid}.firststeps-name{color:var(--text);font-size:.875rem;font-weight:650}.firststeps-hint{color:var(--text-muted);font-size:.75rem;line-height:1.35}.firststeps-go{background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:10px;flex:none;place-items:center;display:grid;position:static}.firststeps-go:after{content:"";border-radius:16px;position:absolute;inset:0}.firststeps-go svg{width:17px;height:17px}.firststeps-done{color:var(--tint-mint-ink);font-size:.75rem;font-weight:700}@media (prefers-reduced-motion:reduce){.welcome-dialog{animation:none}.tour-spot,.tour-card{transition:none}}
.m0-workspace{min-height:100dvh;padding:16px}.m0-workspace .top-frame{height:calc(100dvh - 32px);min-height:500px}.m0-workspace .top-nav{gap:10px}.m0-workspace .top-link{text-decoration:none}.m0-workspace .top-business{max-width:200px;display:grid}.m0-workspace .top-business-name{text-overflow:ellipsis;overflow:hidden}.m0-mobile-menu{display:none}.m0-connectivity{background:var(--info-soft);color:var(--info);border-radius:16px;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.m0-connectivity p{color:inherit;margin:2px 0 0}.m0-drawer-nav ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.m0-drawer-nav .top-link-label{clip-path:none;width:auto;height:auto;position:static}.m0-drawer-nav .top-link{justify-content:start;width:100%}.m0-workspace .top-tools .button{border-radius:999px}.m0-section{min-width:0;padding:8px 4px 24px}.m0-section .page-head p{max-width:64ch;margin:8px 0 0}.m0-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.m0-card{background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 60%, transparent), var(--shadow-card);border-radius:24px;padding:24px}.m0-card h2{margin:0;font-size:1.125rem}.m0-card-value{font-variant-numeric:tabular-nums;color:var(--text);margin:12px 0;font-size:2.125rem;font-weight:700}.m0-card:nth-child(2){background:var(--tint-violet)}.m0-card:nth-child(3){background:var(--tint-mint)}.m0-card a{font-weight:600}@media (max-width:760px){.m0-workspace{padding:0}.m0-workspace .top-frame{border-radius:0;height:auto;min-height:100dvh}.m0-workspace .top-scroll{padding:0 12px 24px}.m0-workspace .top-nav{flex-wrap:nowrap}.m0-workspace .top-island{min-height:56px}.m0-workspace .top-tools{gap:2px;margin-left:auto}.m0-desktop-nav{display:none}.m0-mobile-menu{display:grid}.m0-workspace .top-business{max-width:100px}.m0-cards{grid-template-columns:minmax(0,1fr)}}.m0-business-switch:hover{background:var(--surface-muted)}.m0-business-switch:focus-visible{outline:2px solid var(--action);outline-offset:3px}.m0-account-icon{display:none}@media (max-width:760px){.m0-desktop-language,.m0-account-label{display:none}.m0-account-icon{width:20px;height:20px;display:block}.m0-workspace .m0-account-trigger{width:44px;height:44px;padding:0}.m0-workspace .top-brand{flex:0 auto;min-width:0}.m0-workspace .top-business,.m0-business-switch{min-width:0}.m0-workspace .top-business-name{flex:1;min-width:0}.m0-drawer-nav .language-switch{margin-top:24px}}
.m0-tabs{background:var(--surface);border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:0 0 20px;padding:4px;display:flex;overflow-x:auto}.m0-tabs button{min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 20px;font-weight:600}.m0-tabs button[aria-selected=true]{background:var(--frame);color:var(--frame-text)}.m0-table-wrap{background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 65%, transparent), var(--shadow-card);border-radius:24px;overflow:hidden;container:resources/inline-size}.m0-table{border-collapse:separate;border-spacing:0;width:100%}.m0-table th{background:var(--surface-muted);color:var(--text-muted);text-align:left;padding:14px 20px;font-size:.8125rem;font-weight:600}.m0-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);transition:background var(--motion-fast);padding:16px 20px}.m0-table tr:hover td{background:var(--surface-muted)}.m0-row-person{align-items:center;gap:12px;display:flex}.m0-row-person strong{font-weight:600;display:block}.m0-row-person small{color:var(--text-muted);display:block}.m0-avatar{background:var(--tint-violet);width:40px;height:40px;color:var(--tint-violet-ink);border-radius:14px;flex:none;place-items:center;font-weight:700;display:grid}.m0-avatar svg{width:20px;height:20px}.m0-badge{background:var(--tint-mint);color:var(--tint-mint-ink);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.m0-badge.is-pending{background:var(--tint-cream);color:var(--tint-cream-ink)}.m0-badge svg{width:14px;height:14px}.m0-table-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.m0-table-actions .ghost-button{height:auto;min-height:44px}.m0-form{gap:20px;display:grid}.m0-field{gap:6px;display:grid}.m0-field label,.m0-field legend{font-size:.875rem;font-weight:600}.m0-input,.m0-select{border:1px solid var(--field-border);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:10px 14px}.m0-select{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.m0-select svg{width:18px;height:18px}.m0-select-menu{max-height:320px;overflow-y:auto}.m0-input:hover,.m0-select:hover{background:var(--surface-muted)}.m0-form :disabled{opacity:.5;cursor:not-allowed}.m0-empty{text-align:center;place-items:center;min-height:180px;padding:32px;display:grid}.m0-list-skeleton{gap:12px;padding:20px;display:grid}.m0-list-skeleton .skeleton{height:64px}.m0-list-footer{justify-content:center;padding:16px;display:flex}.m0-help{color:var(--text-muted);font-size:.8125rem}.m0-business-switch{min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.m0-business-switch svg{flex:none;width:16px;height:16px}.m0-scope-list{border:0;gap:8px;margin:0;padding:0;display:grid}.m0-scope-list label,.m0-permissions label{background:var(--surface-muted);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:.875rem;display:flex}.m0-permissions{gap:16px;display:grid}.m0-permissions fieldset{border:0;gap:6px;padding:0;display:grid}.m0-notice{background:var(--tint-mint);color:var(--tint-mint-ink);border-radius:16px;align-items:center;gap:10px;margin:0 0 16px;padding:16px;display:flex}.m0-pairing{background:var(--surface-muted);text-align:center;border-radius:20px;justify-items:center;gap:14px;padding:20px;display:grid}.m0-pairing code{overflow-wrap:anywhere;background:var(--surface);border-radius:12px;max-width:100%;padding:10px}@container resources (max-width:640px){.m0-table th,.m0-table td{padding:12px}.m0-table .m0-extra-column{display:none}.m0-table-actions{flex-direction:column}}@media (max-width:760px){.m0-workspace .page-head h1{font-size:1.625rem}.m0-tabs button{padding:0 16px}}.m0-form-group{border:0;min-width:0;padding:0}@media (prefers-reduced-motion:reduce){.m0-row-person,.m0-badge,.m0-select{transition:none}.m0-list-skeleton .skeleton{animation:none}}.m0-grants{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;display:grid}.m0-grants dt{color:var(--text-muted)}.m0-grants dd{margin:4px 0 0;font-weight:600}