@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-accent:#1e64d8;--color-accent-2:#f24e43;--color-divider:#e2e8f0;--color-neutral-50:#fff;--color-neutral-100:#fff;--color-neutral-200:#f1f5f9;--color-neutral-300:#e2e8f0;--color-neutral-400:#cbd5e1;--color-neutral-500:#94a3b8;--color-neutral-600:#64748b;--color-neutral-700:#475569;--color-neutral-800:#334155;--color-neutral-900:#0f172a;--color-accent-100:#ebf3ff;--color-accent-200:#d6e6fd;--color-accent-300:#a9c8f8;--color-accent-400:#6c9fee;--color-accent-500:#3b7be2;--color-accent-600:#1a58c2;--color-accent-700:#1246a3;--color-accent-800:#0f3a85;--color-accent-900:#0b2a61;--color-accent-2-100:#fef0ee;--color-accent-2-200:#fdd9d5;--color-accent-2-300:#f9b0a9;--color-accent-2-400:#f6857c;--color-accent-2-500:#f24e43;--color-accent-2-600:#de3c31;--color-accent-2-700:#b82e25;--color-accent-2-800:#8f241d;--color-accent-2-900:#5e1813;--color-ok:#059669;--color-ok-soft:#ecfdf5;--color-warn:#b45309;--color-warn-soft:#fffbeb;--color-warn-line:#fcd34d;--color-danger:#b91c1c;--color-danger-soft:#fef2f2;--color-danger-line:#fca5a5;--font-heading:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-weight:700;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 16px 40px #0f172a29}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-2);font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.01em;color:var(--color-neutral-900);line-height:1.2}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}a:hover{color:var(--color-accent-700)}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-200)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-200)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{border-bottom:1px solid var(--color-divider);background:var(--color-bg);color:var(--color-neutral-600);text-align:left;padding:10px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--color-neutral-200);padding:10px 12px}.table tbody tr:hover{background:var(--color-bg)}.tag{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-700)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-700)}.tag-neutral{background:var(--color-neutral-200);color:var(--color-neutral-700)}.app{--nav-width:16rem;grid-template-columns:var(--nav-width) minmax(0, 1fr);background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);display:grid}.workspace{flex-direction:column;min-width:0;display:flex}.icon-button{width:38px;height:38px;color:var(--color-neutral-600);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}:where(.app) button:focus-visible,:where(.app) input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav{border-right:1px solid var(--color-divider);background:var(--color-surface);flex-direction:column;gap:14px;height:100vh;padding:0 0 14px;display:flex;position:sticky;top:0;overflow:hidden}.nav-head{border-bottom:1px solid var(--color-neutral-200);align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.brand-mark{background:linear-gradient(45deg, var(--color-accent-2), #fb7185);color:#fff;width:44px;height:44px;box-shadow:0 4px 10px color-mix(in srgb, var(--color-accent-2) 30%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.brand-text{flex:1;min-width:0}.brand-name{letter-spacing:-.02em;color:var(--color-accent);margin:0;font-size:19px;font-weight:800;line-height:1.1}.brand-name span{color:var(--color-accent-2)}.brand-sub{color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;font-weight:600;overflow:hidden}.nav-close{display:none}.nav-search{color:var(--color-neutral-500);padding:0 16px;display:block;position:relative}.nav-search svg{pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.nav-search-input{border:1px solid var(--color-divider);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;border-radius:12px;padding:8px 10px 8px 34px;font-size:13.5px}.nav-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;padding:0 16px 8px;display:flex;overflow-y:auto}.nav-group-head{margin:0}.nav-group-toggle{width:100%;min-height:42px;color:var(--color-neutral-600);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s,color .15s;display:flex}.nav-group-toggle:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.nav-group.has-active>.nav-group-head .nav-group-toggle,.nav-link.is-active{background:color-mix(in srgb, var(--color-accent-100) 80%, transparent);color:var(--color-accent)}.nav-group-icon{width:20px;color:inherit;flex:none;place-items:center;display:grid}.nav-group-label{flex:1;min-width:0}.nav-chevron{color:var(--color-neutral-500);transition:transform .18s;display:grid}.nav-group-toggle[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.nav-items{border-left:1px solid var(--color-divider);flex-direction:column;gap:2px;margin:2px 0 6px 21px;padding:2px 0 2px 12px;list-style:none;animation:.16s ease-out nav-drop;display:flex}.nav-items[hidden]{display:none}@keyframes nav-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.nav-item{width:100%;min-height:36px;color:var(--color-neutral-600);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;line-height:1.3;display:flex;position:relative}.nav-item:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.nav-item.is-planned{color:var(--color-neutral-500)}.nav-item.is-active{color:var(--color-accent);font-weight:600}.nav-item.is-active:before{content:"";background:var(--color-accent);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.nav-stage{border:1px solid var(--color-divider);font-variant-numeric:lining-nums;letter-spacing:.06em;color:var(--color-neutral-600);border-radius:99px;flex:none;padding:0 6px;font-size:10.5px;font-weight:500}.nav-empty{color:var(--color-neutral-600);margin:8px;font-size:13px}.nav-scrim{display:none}.topbar{z-index:20;border-bottom:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;min-height:64px;padding:10px 24px;display:flex;position:sticky;top:0}.topbar-heading{flex:1;min-width:0}.topbar-title{letter-spacing:-.01em;color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:700;overflow:hidden}.topbar-sub{color:var(--color-neutral-500);margin:1px 0 0;font-size:12px}.topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.status-pill{background:var(--color-neutral-200);color:var(--color-neutral-600);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex}.status-dot{background:var(--color-ok);border-radius:50%;width:8px;height:8px}.status-pill.is-offline{background:var(--color-warn-soft);color:var(--color-warn)}.status-pill.is-offline .status-dot{background:var(--color-warn)}.bell{border-radius:50%;position:relative}.bell-dot{border:2px solid var(--color-surface);background:var(--color-accent-2);color:#fff;text-align:center;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:2px;right:1px}.topbar-date{border-left:1px solid var(--color-divider);text-align:right;padding-left:12px;line-height:1.3}.topbar-date-day{color:var(--color-neutral-700);white-space:nowrap;font-size:12px;font-weight:600;display:block}.topbar-date-where{color:var(--color-accent);white-space:nowrap;font-size:11px;font-weight:700;display:block}.topbar-menu{display:none}.account{flex:none;position:relative}.account-button{border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text);font:inherit;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:3px 10px 3px 3px;display:flex}.account-button:hover,.account-button[aria-expanded=true]{border-color:var(--color-accent-400)}.account-avatar{background:var(--color-accent-100);width:32px;height:32px;color:var(--color-accent);border-radius:50%;place-items:center;font-size:12.5px;font-weight:700;display:grid}.account-text{text-align:left;flex-direction:column;max-width:13rem;line-height:1.15;display:flex}.account-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.account-scope{color:var(--color-neutral-600);font-size:11.5px}.account-chevron{color:var(--color-neutral-600);transition:transform .18s;display:grid}.account-button[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-panel{z-index:50;border:1px solid var(--color-divider);background:var(--color-surface);width:min(21rem,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:14px;padding:16px;animation:.14s ease-out nav-drop;display:flex;position:absolute;top:calc(100% + 8px);right:0}.account-panel-name{margin:0;font-size:16px;font-weight:700;line-height:1.15}.account-panel-scope{color:var(--color-neutral-600);margin:2px 0 0;font-size:12.5px}.account-tasks{border-top:1px solid var(--color-divider);padding-top:12px}.account-tasks-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin:0 0 8px;font-size:10.5px}.account-tasks-list{max-height:40vh;color:var(--color-neutral-800);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.account-tasks-list li{grid-template-columns:4.6rem minmax(0,1fr);gap:8px;display:grid}.account-signout{justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (width<=1279px){.topbar-date,.status-pill-text{display:none}.status-pill{padding:8px}}@media (width<=1099px){.app{grid-template-columns:minmax(0,1fr)}.nav{z-index:40;width:min(21rem,88vw);height:100dvh;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);visibility:hidden;border-right:0;transition:transform .22s,visibility .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.is-drawer-open .nav{visibility:visible;transform:none}.nav-close{display:inline-grid}.nav-scrim{z-index:35;background:color-mix(in srgb, var(--color-neutral-900) 38%, transparent);opacity:0;pointer-events:none;transition:opacity .22s;display:block;position:fixed;inset:0}.is-drawer-open .nav-scrim{opacity:1;pointer-events:auto}.topbar-menu{display:inline-grid}.topbar{padding-top:calc(10px + env(safe-area-inset-top,0px))}}@media (width<=640px){.topbar{gap:10px;padding-inline:16px}.account-text,.topbar-sub{display:none}.topbar-title{font-size:17px}.account-button{padding-right:7px}.nav-item{min-height:44px;font-size:15px}.workspace .main{padding:16px 16px 48px}}@media (prefers-reduced-motion:reduce){.nav,.nav-scrim,.nav-chevron,.account-chevron{transition:none}.nav-items,.account-panel{animation:none}}.main{min-width:0;padding:28px 32px 60px}.screen{max-width:72rem}.screen-head{margin-bottom:20px}.screen-title{color:var(--color-neutral-900);text-wrap:balance;margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25}.screen-sub{max-width:52rem;color:var(--color-neutral-500);margin:0;font-size:13px}.muted{color:var(--color-neutral-600);font-size:13.5px}.tree,.tree-branch{flex-direction:column;gap:6px;display:flex}.tree-node{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions""occupants actions";align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.tree-node-main{flex-wrap:wrap;grid-area:main;align-items:center;gap:8px;display:flex}.tree-node-name{font-size:15px;font-weight:600}.tree-node-occupants{color:var(--color-neutral-700);grid-area:occupants;font-size:12.5px}.tree-node-actions{grid-area:actions;gap:4px;display:flex}.panel{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:18px;padding:20px}.panel-title{color:var(--color-neutral-900);margin:0 0 12px;font-size:16px;font-weight:700}.panel-row{flex-wrap:wrap;gap:14px;display:flex}.panel-note{color:var(--color-neutral-700);max-width:44rem;margin:10px 0 0;font-size:13px}.panel-actions{gap:8px;margin-top:14px;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:14rem;display:flex}.field-label{color:var(--color-neutral-700);font-size:12px;font-weight:600}.field-input{border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text);font:inherit;border-radius:12px;padding:9px 12px;font-size:14px}.field-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);outline:none}.plain-list{margin:0;padding:0;list-style:none}.list-option{width:100%;color:var(--color-neutral-800);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13.5px}.list-option:hover{background:var(--color-neutral-200)}.list-option.is-active{background:var(--color-accent-100);color:var(--color-accent);font-weight:600}.split{grid-template-columns:15rem minmax(0,1fr);gap:20px;display:grid}@media (width<=760px){.split{grid-template-columns:minmax(0,1fr)}}.split-aside{border-right:1px solid var(--color-divider);padding-right:12px}@media (width<=760px){.split-aside{border-right:0;padding-right:0}}.split-aside-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin:0 0 6px;font-size:10.5px}.split-main{min-width:0}.task-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.task-row{cursor:pointer;border-radius:6px;grid-template-columns:auto 5.5rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.task-row:hover{background:var(--color-neutral-200)}.task-list li.is-disabled .task-row{cursor:not-allowed;opacity:.62}.task-code{color:var(--color-neutral-700);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.task-name{font-size:14px}.task-flags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.task-limited{margin:0 0 8px 7.9rem;font-size:13px}.task-reason{color:var(--color-accent-700);max-width:38rem;margin:0 0 6px 7.9rem;font-size:12px}@media (width<=640px){.task-row{grid-template-columns:auto minmax(0,1fr)}.task-flags{grid-column:1/-1;justify-content:flex-start}.task-reason,.task-limited{margin-left:8px}}.tabs{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;gap:24px;margin-bottom:12px;display:flex}.tab{color:var(--color-neutral-500);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 11px;font-size:13px;font-weight:600}.tab:hover{color:var(--color-neutral-800)}.tab.is-active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.chip{background:var(--color-accent-100);color:var(--color-accent-700);white-space:nowrap;border:0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.chip-quiet{background:var(--color-neutral-200);color:var(--color-neutral-600)}.chip-warn{color:#92400e;background:#fef3c7}.alert{border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:13px}.alert-error{background:var(--color-danger-soft);border:1px solid var(--color-danger-line);color:var(--color-danger)}.alert-ok{background:var(--color-ok-soft);color:#065f46;border:1px solid #a7f3d0}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--color-accent) 22%, transparent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-700)}.btn-secondary{background:var(--color-neutral-200);color:var(--color-neutral-700)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-300)}.btn-ghost{background:var(--color-surface);border-color:var(--color-divider);color:var(--color-neutral-700)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-200)}.btn-coral{background:var(--color-accent-2);color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--color-accent-2) 22%, transparent)}.btn-coral:hover:not(:disabled){background:var(--color-accent-2-600)}.btn-sm{border-radius:10px;padding:5px 10px;font-size:12px}.btn-danger{color:var(--color-danger)}.auth-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);place-items:center;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--color-divider);background:var(--color-surface);width:100%;max-width:26rem;box-shadow:var(--shadow-md);border-radius:20px;padding:28px}.auth-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600);margin:0 0 6px;font-size:10.5px}.auth-title{color:var(--color-neutral-900);margin:0 0 18px;font-size:24px;font-weight:800}.auth-google{justify-content:center;width:100%;min-height:44px;display:flex}.auth-divider{border:0;border-top:1px solid var(--color-divider);margin:18px 0}.auth-dev{flex-direction:column;gap:12px;display:flex}.auth-note{color:var(--color-neutral-700);margin:10px 0 0;font-size:12.5px}.auth-note-warn{color:var(--color-accent-800)}.auth-note code{font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.auth-error{color:var(--color-danger);margin:14px 0 0;font-size:13px}.position-list{flex-direction:column;gap:6px;margin:16px 0;padding:0;list-style:none;display:flex}.position-option{border:1px solid var(--color-divider);background:var(--color-surface);width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 13px;display:flex}.position-option:hover{border-color:var(--color-accent-400);background:var(--color-accent-100)}.position-option-name{font-size:15px;font-weight:600}.position-option-meta{color:var(--color-neutral-600);font-size:12px}.alert-warn{background:var(--color-warn-soft);border:1px solid var(--color-warn-line);color:#92400e}.scope-preview{border:1px dashed var(--color-neutral-400);background:var(--color-neutral-100);border-radius:8px;margin-top:14px;padding:12px 14px}.scope-preview-label{letter-spacing:.03em;text-transform:uppercase;color:var(--color-neutral-700);margin:0 0 8px;font-size:12.5px}.scope-preview-item{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:14px;display:flex}.flag-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;display:flex}.flag-row:last-child{border-bottom:0}.flag-row-name{margin:0 0 2px;font-size:14.5px;font-weight:600}.impact{border:1px solid var(--color-divider);background:var(--color-neutral-100);border-radius:8px;margin-top:14px;padding:12px 14px}.impact-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:14.5px;display:flex}.impact-from{font-weight:600}.impact-arrow{color:var(--color-accent-600)}.impact-to{color:var(--color-accent-800);font-weight:600}.impact-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-700);margin:12px 0 4px;font-size:12px}.impact-item{flex-wrap:wrap;align-items:center;gap:8px;padding:3px 0;font-size:14px;display:flex}.table-scroll{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;overflow-x:auto}.panel .table-scroll,.product-detail .table-scroll,.dialog .table-scroll{box-shadow:none;border-radius:12px}.audit-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.audit-table th{text-align:left;background:var(--color-bg);color:var(--color-neutral-600);border-bottom:1px solid var(--color-divider);white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}.audit-table td{border-bottom:1px solid var(--color-neutral-200);vertical-align:top;padding:11px 14px}.audit-table tbody tr:last-child td{border-bottom:0}.audit-table tfoot td{background:var(--color-bg);border-top:1px solid var(--color-divider);border-bottom:0;font-weight:700}.audit-table code{font-family:var(--font-mono);word-break:break-all;font-size:12px}.audit-table tbody tr:hover{background:var(--color-bg)}.opname-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.opname-search{max-width:24rem}.opname-tally{flex-wrap:wrap;align-items:center;gap:14px;font-size:13.5px;display:flex}.opname-tally strong{font-variant-numeric:lining-nums tabular-nums}.opname-table .num{text-align:right;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.opname-table th.num{text-align:right}.opname-product{font-weight:600;display:block}.opname-meta{color:var(--color-neutral-600);align-items:center;gap:6px;font-size:12px;display:flex}.opname-count{align-items:center;gap:6px;display:inline-flex}.opname-count .field-input{text-align:right;font-variant-numeric:lining-nums tabular-nums;width:6.5rem}.field-input.is-invalid{border-color:var(--color-danger-line);background:var(--color-danger-soft)}.opname-batch{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.opname-batch .field-input{width:9rem;padding:5px 8px;font-size:13px}.variance{color:var(--color-neutral-600);font-weight:600}.variance-up{color:var(--color-ok)}.variance-down{color:var(--color-danger)}.opname-notes{max-width:32rem;margin-top:14px}.opname-saved{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.opname-saved p{margin:0}.opname-history{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.opname-history .list-option{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (width<=640px){.opname-sheet thead{display:none}.opname-sheet,.opname-sheet tbody{display:block}.opname-sheet tr{border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product product""count variance""system system";gap:6px 12px;padding:12px 0;display:grid}.opname-sheet td{border:0;padding:0}.opname-sheet td:first-child{grid-area:product}.opname-sheet td:nth-child(3){grid-area:count}.opname-sheet .opname-system{text-align:left;color:var(--color-neutral-600);grid-area:system;font-size:12.5px}.opname-sheet .opname-system:before{content:"Tercatat "}.opname-sheet .opname-variance{grid-area:variance;align-self:center;font-size:17px}.opname-sheet .opname-count .field-input{width:8rem;min-height:44px;font-size:16px}}.check-row{cursor:pointer;align-items:flex-start;gap:9px;max-width:44rem;margin-top:14px;font-size:13.5px;display:flex}.check-row input{accent-color:var(--color-accent);margin-top:3px}.nav-badge{background:var(--color-accent);color:#fff;min-width:20px;font-family:var(--font-body);font-variant-numeric:lining-nums tabular-nums;text-align:center;border-radius:99px;flex:none;padding:0 6px;font-size:11px;font-weight:600}.approval-list{flex-direction:column;gap:12px;max-width:44rem;margin:12px 0 0;padding:0;list-style:none;display:flex}.approval-card{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.approval-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approval-task{font-size:14px;font-weight:600}.approval-summary{margin:0;font-size:16px;font-weight:700;line-height:1.3}.approval-meta{color:var(--color-neutral-600);margin:0;font-size:12.5px}.approval-lines{border-top:1px solid var(--color-divider);margin:4px 0;padding:8px 0 0;font-size:13.5px;list-style:none}.approval-lines li{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.approval-lines .num{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.approval-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.approval-actions .btn{min-width:7rem;min-height:44px}.approval-reject{flex-direction:column;gap:8px;margin-top:6px;display:flex}.approval-empty{margin-top:16px}.approver-preview{flex-direction:column;gap:1px;padding:6px 0;font-size:14px;display:flex}.transfer-pick{align-items:flex-end}.transfer-lines{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.transfer-lines li{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;display:flex}.transfer-line-name{flex:1;min-width:10rem;font-weight:600}.transfer-problem{color:var(--color-danger);flex-basis:100%;font-size:12.5px}.transfer-list{flex-direction:column;gap:12px;max-width:48rem;margin-top:22px;display:flex}.transfer-card{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.transfer-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transfer-sides{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.transfer-sides li{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.transfer-sides li>span:first-child{min-width:5.5rem}.transfer-note{color:var(--color-neutral-700);flex-basis:100%;font-size:12.5px}.approval-lines li>span:first-child{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.sdm-sensitive{color:var(--color-accent-700);margin:8px 0 0;font-size:12.5px}.sdm-apotek,.sdm-date{max-width:18rem;margin-bottom:12px}.sdm-section{flex-direction:column;gap:12px;margin-top:14px;display:flex}.sdm-week-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sdm-shifts{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.sdm-shift-form{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.sdm-shift-form .field-input{width:auto;padding:5px 8px;font-size:13px}.sdm-shift-form input[type=text],.sdm-shift-form input:not([type]){width:9rem}.sdm-grid{border-collapse:collapse;width:100%;min-width:46rem;font-size:13px}.sdm-grid th,.sdm-grid td{border:1px solid var(--color-divider);vertical-align:top;text-align:left;padding:6px}.sdm-grid thead th{letter-spacing:.05em;text-transform:uppercase;color:var(--color-neutral-700);background:var(--color-neutral-100);font-size:11.5px}.sdm-grid thead th span{font-variant-numeric:lining-nums}.sdm-grid tbody th{z-index:1;background:var(--color-surface);min-width:9rem;font-weight:400;position:sticky;left:0}.sdm-grid .is-today{background:var(--color-accent-100)}.sdm-name{font-weight:600;display:block}.sdm-title{color:var(--color-neutral-600);font-size:12px;display:block}.sdm-shift{background:var(--color-accent-200);color:var(--color-accent-800);white-space:nowrap;border-radius:99px;align-items:center;gap:2px;margin:0 4px 4px 0;padding:1px 4px 1px 8px;font-size:12px;display:inline-flex}.sdm-shift-x{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:14px;line-height:1}.sdm-add{border:1px dashed var(--color-neutral-400);width:2.4rem;color:var(--color-neutral-700);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:2px}.sdm-attendance{flex-direction:column;max-width:52rem;margin:0;padding:0;list-style:none;display:flex}.sdm-attendance li{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.sdm-status{flex-wrap:wrap;gap:4px;display:flex}.sdm-status .tab{min-height:36px}tr.is-muted td{color:var(--color-neutral-600)}.import-columns{margin:10px 0;font-size:13px}.import-columns summary{cursor:pointer;color:var(--color-accent-700)}.import-columns ul{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:18px;display:flex}.import-columns code{font-family:ui-monospace,Menlo,monospace;font-size:12px}.import-file{position:relative;overflow:hidden}.import-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-preview{flex-direction:column;gap:10px;margin-top:12px;display:flex}.import-preview p{margin:0}.images-layout{grid-template-columns:16rem minmax(0,1fr);gap:20px;display:grid}@media (width<=760px){.images-layout{grid-template-columns:minmax(0,1fr)}}.images-picker{flex-direction:column;gap:8px;display:flex}.images-picker .plain-list{max-height:60vh;overflow-y:auto}@media (width<=760px){.images-picker .plain-list{max-height:14rem}}.images-option{justify-content:space-between;align-items:center;gap:8px;display:flex}.images-dot{border:1.5px solid var(--color-neutral-400);border-radius:50%;flex:none;width:9px;height:9px}.images-dot.has-image{background:var(--color-accent);border-color:var(--color-accent)}.images-main{min-width:0}.images-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.images-head .muted{margin:0}.import-file.is-disabled{opacity:.5;pointer-events:none}.images-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.images-grid li{border:1px solid var(--color-divider);background:var(--color-neutral-100);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.images-grid li.is-primary{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.images-grid img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px;width:100%}.images-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.images-actions{flex-wrap:wrap;gap:4px;display:flex}.images-picker .field{flex:none;min-width:0}.pos-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pos-head .screen-title{margin:0}.pos-shift{color:var(--color-neutral-700);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:inline-flex}.pos-shift-dot{background:var(--color-ok);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ok) 20%, transparent);border-radius:50%}.pos-shift-blocked{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pos-open-shift{max-width:32rem}.pos-open-shift-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pos-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:18px;display:grid}.pos-products{flex-direction:column;gap:12px;min-width:0;display:flex}.pos-search{padding:11px 14px;font-size:16px}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pos-product{text-align:left;border:1px solid var(--color-divider);background:var(--color-surface);width:100%;min-height:8.5rem;color:var(--color-text);box-shadow:var(--shadow-sm);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:3px;padding:12px;transition:border-color .12s,transform 80ms;display:flex}.pos-product:hover{border-color:var(--color-accent)}.pos-product:hover .pos-product-name{color:var(--color-accent)}.pos-product:active{transform:scale(.98)}.pos-product.is-empty{opacity:.5;cursor:not-allowed}.pos-product-tags{gap:4px;min-height:18px;display:flex}.pos-product-name{color:var(--color-neutral-800);font-size:13px;font-weight:700;line-height:1.3}.pos-product-brand{color:var(--color-neutral-600);font-size:12px}.pos-product-price{border-top:1px solid var(--color-neutral-200);color:var(--color-neutral-900);font-variant-numeric:lining-nums;margin-top:auto;padding-top:8px;font-size:15px;font-weight:800}.pos-product-price .muted{font-family:var(--font-body);font-size:12px;font-weight:400}.pos-product-stock{color:var(--color-neutral-600);font-variant-numeric:lining-nums;font-size:11.5px}.pos-cart{border:1px solid var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:76px}.pos-cart .panel-title{margin:0}.cart-lines{flex-direction:column;gap:10px;max-height:45vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cart-lines li{border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name qty""unit over";align-items:center;gap:6px 10px;padding-bottom:10px;display:grid}.cart-lines li.is-over{background:var(--color-danger-soft);border-radius:8px;padding:6px}.cart-line-name{flex-direction:column;grid-area:name;font-size:13.5px;font-weight:600;display:flex}.cart-line-name .muted{font-variant-numeric:lining-nums;font-size:12.5px;font-weight:400}.cart-unit{grid-area:unit;width:auto;padding:4px 8px;font-size:13px}.cart-qty{grid-area:qty;align-items:center;gap:4px;display:inline-flex}.cart-qty .icon-button{width:34px;height:34px;font-size:18px}.cart-qty-value{text-align:center;font-variant-numeric:lining-nums tabular-nums;min-width:2ch;font-weight:600}.cart-over{color:var(--color-danger);grid-area:over;justify-self:end;font-size:12px}.cart-total{border-top:1px solid var(--color-divider);color:var(--color-accent);font-variant-numeric:lining-nums;justify-content:space-between;align-items:baseline;padding-top:8px;font-size:22px;font-weight:800;display:flex}.cart-total span:first-child{color:var(--color-neutral-800);font-size:14px;font-weight:700}.pos-pay{background:var(--color-accent-2);min-height:50px;box-shadow:0 8px 18px color-mix(in srgb, var(--color-accent-2) 22%, transparent);font-size:15px}.pos-pay:hover:not(:disabled){background:var(--color-accent-2-600)}.resep-link{align-items:flex-end;gap:8px;display:flex}.resep-link .field{min-width:0}.resep-linked{border:1px dashed var(--color-accent-400);background:var(--color-accent-100);border-radius:10px;padding:10px 12px;font-size:13px}.resep-linked-head{justify-content:space-between;align-items:center;display:flex}.resep-linked ul{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.resep-racikan{margin-top:2px;font-size:13px}.cart-bar{display:none}@media (width<=1099px){.pos-grid{grid-template-columns:minmax(0,1fr)}.pos-cart{position:static}.cart-bar{z-index:15;padding:12px 32px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:12px;margin:12px -32px -60px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #0f172a14}.cart-bar .btn{min-width:8rem;min-height:46px}}@media (width<=640px){.cart-bar{margin:12px -16px -48px;padding-inline:16px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cart-bar-count{color:var(--color-neutral-600);font-size:12px}.cart-bar-total{color:var(--color-accent);font-variant-numeric:lining-nums;font-size:20px;font-weight:800}.dialog-backdrop{z-index:60;background:color-mix(in srgb, var(--color-neutral-900) 45%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface);width:min(34rem,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);border-radius:24px;outline:none;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.dialog-title{color:var(--color-neutral-900);margin:0;font-size:17px;font-weight:700}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pay-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pay-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pay-lines li{border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding-bottom:8px;display:grid}.pay-line-main{flex-direction:column;font-size:14px;display:flex}.pay-line-main .muted{font-variant-numeric:lining-nums;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.pay-lines .num{font-variant-numeric:lining-nums tabular-nums;font-weight:600}.pay-lines .btn{grid-column:1/-1;justify-self:start}.override-form{background:var(--color-accent-100);border-radius:10px;flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:8px;padding:10px;display:flex}.override-form .field{flex:1;min-width:7rem}.override-reason{flex-basis:100%!important}.pay-total{flex-direction:column;gap:2px;display:flex}.pay-row{font-variant-numeric:lining-nums;justify-content:space-between;font-size:14px;display:flex}.pay-grand{color:var(--color-accent);font-size:28px;font-weight:800}.seg{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.seg-option{border:1px solid var(--color-divider);background:var(--color-surface);min-height:48px;color:var(--color-neutral-700);font-weight:600;font:inherit;cursor:pointer;border-radius:12px;font-size:14px}.seg-option.is-active{border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent-100) 60%, transparent);color:var(--color-accent);font-weight:700}.pay-cash{flex-direction:column;gap:8px;display:flex}.pay-input{font-variant-numeric:lining-nums tabular-nums;font-size:20px}.pay-quick{flex-wrap:wrap;gap:6px;display:flex}.pay-change{color:var(--color-ok);font-variant-numeric:lining-nums;margin:0;font-size:20px;font-weight:800}.pay-change.is-short{color:var(--color-accent-2)}.pay-void{flex-direction:column;gap:8px;display:flex}.pay-confirm{background:var(--color-accent-2);min-width:11rem;min-height:48px}.pay-confirm:hover:not(:disabled){background:var(--color-accent-2-600)}.receipt{border:1px solid var(--color-divider);background:var(--color-surface);max-width:26rem;box-shadow:var(--shadow-md);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;margin:24px auto;padding:24px;display:flex}.receipt-ok{color:var(--color-ok);margin:0;font-weight:600}.receipt-change{margin:0;font-size:18px}.receipt-lines{border-top:1px dashed var(--color-neutral-400);border-bottom:1px dashed var(--color-neutral-400);text-align:left;width:100%;margin:8px 0;padding:10px 0;font-size:13.5px;list-style:none}.receipt-lines li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.recon-grid{font-variant-numeric:lining-nums tabular-nums;grid-template-columns:auto auto;justify-content:start;gap:6px 28px;margin:0;display:grid}.recon-grid dt{color:var(--color-neutral-700)}.recon-grid dd{text-align:right;margin:0}.recon-row{display:contents}.recon-expected{border-top:1px solid var(--color-divider);padding-top:8px;font-weight:600;color:var(--color-text)!important}.closing-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.closing-list li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.return-find{align-items:flex-end;gap:8px;max-width:30rem;margin-bottom:12px;display:flex}.return-lines{flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.return-lines li{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.return-line-name{flex-direction:column;font-size:14px;font-weight:600;display:flex}.return-line-name .muted{font-variant-numeric:lining-nums;font-size:12.5px;font-weight:400}.return-method{max-width:30rem;margin-top:12px}.resep-log-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.resep-patients{max-height:50vh;margin:8px 0;overflow-y:auto}.resep-patient-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.resep-patient-form .field{min-width:0}.resep-patient{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;display:flex}.resep-patient .panel-title,.resep-patient .muted{margin:0}.resep-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-700);margin:16px 0 6px;font-size:12px}.resep-row{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.resep-row-name{flex:1;min-width:10rem;font-size:14px;font-weight:600}.resep-signa{flex:1;min-width:12rem}.resep-picker{max-width:24rem;margin-top:8px;position:relative}.resep-picker-list{z-index:10;border:1px solid var(--color-divider);background:var(--color-neutral-100);box-shadow:var(--shadow-md);border-radius:8px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0}.resep-racikan-card{border:1px dashed var(--color-accent-400);border-radius:10px;margin-bottom:10px;padding:12px}.resep-history-title{margin:20px 0 8px;font-size:16px;font-weight:700}.resep-history{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.resep-history>li{border:1px solid var(--color-divider);background:var(--color-neutral-100);border-radius:10px;padding:12px}.resep-history-head{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.resep-history ul{flex-direction:column;gap:3px;margin:6px 0 0;padding-left:18px;font-size:13.5px;display:flex}.offline-banner{z-index:18;background:var(--color-warn-soft);border-bottom:1px solid var(--color-warn-line);color:#92400e;font-variant-numeric:lining-nums;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 32px;font-size:13.5px;display:flex;position:sticky;top:64px}.offline-banner.is-syncing{background:var(--color-accent-100)}.offline-banner.is-late{background:var(--color-danger-soft);border-color:var(--color-danger-line);color:var(--color-danger);font-weight:600}.offline-banner-dot{background:currentColor;border-radius:50%;width:9px;height:9px}@media (width<=640px){.offline-banner{padding-inline:16px}}.product-detail{border:1px solid var(--color-accent-300);background:var(--color-surface);box-shadow:var(--shadow-md);border-radius:16px;min-width:0;margin-top:18px;padding:20px}.product-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.product-detail-head .panel-title{margin:0}.product-detail-head .muted{margin:2px 0 0}.product-detail .tabs{margin-bottom:14px}.product-detail .panel{background:0 0;border:0;margin-top:0;padding:0}tr.is-selected td{background:var(--color-accent-100)}.panel-warn{border-color:var(--color-warn-line);background:var(--color-warn-soft)}.online-list,.golongan-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.online-row,.golongan-row{border:1px solid var(--color-divider);background:var(--color-neutral-50,#fff);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.online-row .panel-actions,.golongan-row .panel-actions{margin:0}.online-head,.golongan-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.golongan-head .panel-title{margin:0}.online-checks{flex-direction:column;gap:2px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.online-checks .is-ok{color:var(--color-accent-800)}.online-checks .is-missing{color:var(--color-danger)}.golongan-list{margin-top:18px}.golongan-flags{flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.golongan-flag{align-items:center;gap:6px;display:inline-flex}@media (width<=560px){.images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:4px;display:flex}.product-detail-foot{border-top:1px solid var(--color-divider);margin-top:16px;padding-top:12px}.product-detail-foot .muted{margin:0 0 8px}.product-detail-foot .panel-note{margin-top:8px}.field-static{color:var(--color-neutral-800);margin:0;padding:8px 0;font-size:14px}.data-view{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px 20px;margin:0;display:grid}.data-view div{min-width:0}.data-view dt{color:var(--color-neutral-500);font-size:12px;font-weight:600}.data-view dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:14.5px}.cashier-apotek{max-width:24rem}.cashier-current .data-view dd.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.cashier-this{color:var(--color-neutral-600);margin:.75rem 0 0}.cashier-this.is-till{color:var(--color-accent-800);font-weight:600}.cashier-form{justify-items:start;gap:.75rem;max-width:28rem;display:grid}.cashier-form .field{width:100%}.cashier-form+.cashier-form{border-top:1px solid var(--color-divider);margin-top:1.25rem;padding-top:1.25rem}.cashier-history{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cashier-history li{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.pos-not-till{margin:.5rem 0 0}.cart-bar-note{font-size:.85rem;font-weight:600}.customers-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customers-toolbar .field-input{flex:16rem;min-width:0}.customer-form{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:12px 18px;display:grid}.category-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.category-form .field{flex:10rem;min-width:0}.category-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.category-row{border:1px solid var(--color-divider);background:var(--color-neutral-100);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:12px 14px;display:flex}.category-row.is-muted{opacity:.7}.category-name{gap:2px;min-width:0;display:grid}.category-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.category-percent{width:7rem}.customer-chosen{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;display:flex}.customer-picker{gap:8px;margin-bottom:12px;display:grid}.customer-results{gap:4px;max-height:12rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.customer-result{text-align:left;border:1px solid var(--color-divider);cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border-radius:8px;justify-content:space-between;gap:8px;padding:7px 9px;display:flex}.customer-result:hover{border-color:var(--color-accent-400)}.customer-new{gap:6px;display:grid}.cart-discount{color:var(--color-accent-800);justify-content:space-between;font-size:13.5px;display:flex}.category-percent{flex:none}.category-percent .field-input{width:7rem}.cashier-apotek+.tabs{margin-top:12px}.print-sheet{display:none}.receipt-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.print-settings{color:var(--color-neutral-700);margin-top:14px;font-size:13px}.print-settings summary{cursor:pointer}.print-settings-body{border:0;gap:2px;margin:0;padding:8px 0 0;display:grid}.print-settings-body .check-row{margin-top:4px}.reprint-list{gap:4px;max-height:50vh;margin:0 0 12px;padding:0;list-style:none;display:grid;overflow-y:auto}@media print{@page{margin:0}html,body{background:#fff!important}body>#root{display:none!important}.print-sheet{color:#000;background:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;display:block}.print-roll{margin:0 auto;padding:2mm 0;font-size:9pt;line-height:1.3}.print-roll[data-paper="58"]{font-size:8pt}.slip-head{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.slip-name{font-size:1.15em}.slip-copy{text-align:center;letter-spacing:.1em;margin:1.5mm 0;font-weight:700}.slip-meta{border-top:1px dashed #000;border-bottom:1px dashed #000;flex-direction:column;margin:1.5mm 0;padding:1mm 0;display:flex}.slip-lines{margin:0;padding:0;list-style:none}.slip-lines li{flex-direction:column;margin-bottom:1mm;display:flex}.slip-row,.slip-pair{justify-content:space-between;gap:2mm;display:flex}.slip-amount,.slip-totals dd{white-space:nowrap}.slip-totals{border-top:1px dashed #000;grid-template-columns:1fr auto;margin:1.5mm 0;padding-top:1mm;display:grid}.slip-totals dt,.slip-totals dd{margin:0}.slip-totals dd{text-align:right}.slip-pair{grid-column:1/-1}.slip-total{font-size:1.1em;font-weight:700}.slip-foot{text-align:center;margin-top:2mm;font-size:.9em}}.po-subtitle{margin:18px 0 8px;font-size:15px}.po-lines{gap:10px;margin:0;padding:0;list-style:none;display:grid}.po-line{border:1px solid var(--color-divider);border-radius:10px;gap:6px;padding:10px 12px;display:grid}.po-line-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.po-line-fields{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:8px 12px;display:grid}.po-line-fields .field{min-width:0}.po-line-fields .field-input{width:100%}.po-base{color:var(--color-accent-800);margin:0;font-size:13px}.po-compare{font-size:13px}.po-compare summary{cursor:pointer;color:var(--color-neutral-700)}.po-compare ul{gap:3px;margin:6px 0 0;padding:0;list-style:none;display:grid}.po-compare li{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.po-compare li.is-current{font-weight:600}.po-add{gap:6px;margin-top:10px;display:grid}.po-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.po-foot .figure{white-space:nowrap}.audit-table td.num,.audit-table th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.audit-table td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.receipt-section+.receipt-section{border-top:1px solid var(--color-divider);margin-top:18px;padding-top:6px}.receipt-narkotika .po-subtitle{color:var(--color-accent-800)}.receipt-invoice{min-width:0;max-width:18rem}.ledger-summary{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.ledger-settled{margin-top:0;margin-left:auto}.ledger-form{max-width:none;margin-top:14px}.receipt-history-row{gap:6px;display:grid!important}.return-form{max-width:34rem;padding:10px 0 4px}.receipt-history-row>.btn{justify-self:start}.ledger-form{justify-items:stretch}.ledger-form>.btn{justify-self:start}.credit-box{border:1px solid var(--color-divider);border-radius:10px;gap:8px;margin:14px 0 0;padding:10px 14px 12px;display:grid}.coa-journal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.coa-waiting{gap:3px;margin:0;padding-left:1.1em;font-size:13.5px;display:grid}.coa-header{font-weight:600}.coa-child{padding-left:1.4em!important}.coa-mappings{gap:12px;display:grid}.coa-mapping-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.coa-mapping{border-top:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:8px;display:flex}.coa-mapping>div:first-child{gap:2px;min-width:0;display:grid}.coa-unmapped{color:var(--color-accent-800);font-size:13px}.coa-mapping-edit{gap:6px;width:100%;max-width:30rem;display:grid}.journal-lines{margin-top:14px}.journal-remove{justify-self:start}.journal-totals{gap:4px;margin:14px 0 8px;font-size:13.5px;display:grid}.journal-unit{background:var(--color-neutral-100);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:6px 10px;display:flex}.journal-unit.is-off{color:var(--color-accent-800)}.journal-unit.is-total{font-weight:600}.journal-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.journal-item summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.journal-item details[open]{gap:10px;display:grid}.period-list{gap:6px;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.customer-result.is-current{border-color:var(--color-accent-400);background:var(--color-accent-100)}.period-blockers{gap:4px;margin:4px 0 12px;padding-left:1.2em;display:grid}.period-reopen{max-width:34rem}.report-filters{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;display:flex}.report-filters .field{flex:0 14rem;min-width:0}.report{gap:16px;display:grid}.report-section{gap:2px;display:grid}.report-row{font-variant-numeric:tabular-nums;border-bottom:1px dashed var(--color-divider);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.report-row>span:last-child{white-space:nowrap}.report-total{border-bottom:1px solid var(--color-divider);font-weight:600}.report-grand{border-bottom:2px solid var(--color-neutral-400);font-size:1.05em;font-weight:700}.report-check{color:var(--color-accent-800);margin:0;font-weight:600}.report-check.is-off{color:#a3261b}.api-key{background:var(--color-neutral-100);border:1px solid var(--color-divider);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin:8px 0 12px;padding:10px 12px;font-size:13px;display:block}.api-scopes{border:0;flex-direction:column;gap:6px;margin:0 0 12px;padding:0;display:flex}.api-scopes .chip{margin-left:6px}.api-revoke{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.api-revoke .field-input{width:12rem;max-width:100%}.placement-dock{flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.placement-dock>.panel{width:100%}.placement-picker{flex-direction:column;gap:10px;max-width:34rem;display:flex}.placement-picker .panel-note{margin:0}.placement-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dashboard{flex-direction:column;gap:24px;display:flex}.welcome{background:linear-gradient(90deg, var(--color-accent), #2563eb 55%, var(--color-accent-2));color:#fff;box-shadow:var(--shadow-md);border-radius:20px;padding:24px;position:relative;overflow:hidden}.welcome:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-40px}.welcome-body{z-index:1;max-width:40rem;position:relative}.welcome-kicker{letter-spacing:.06em;text-transform:uppercase;background:#fff3;border-radius:99px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.welcome-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(21px,3vw,28px);font-weight:800}.welcome-text{color:#dbeafe;margin:6px 0 0;font-size:14px}.welcome-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.welcome-primary{color:var(--color-accent);box-shadow:var(--shadow-sm);background:#fff}.welcome-primary:hover{background:var(--color-neutral-200)}.welcome-secondary{color:#fff;background:#ffffff29;border-color:#ffffff59}.welcome-secondary:hover{background:#ffffff42}.kpis{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:16px;display:grid}.kpi{border:1px solid var(--color-divider);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);color:inherit;font:inherit;text-align:left;border-radius:16px;flex-direction:column;gap:4px;padding:20px;display:flex}.kpi.is-link{cursor:pointer;transition:box-shadow .15s,border-color .15s}.kpi.is-link:hover{border-color:var(--color-accent-300);box-shadow:var(--shadow-md)}.kpi-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.kpi-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-500);font-size:12px;font-weight:600}.kpi-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.kpi-icon.is-ok{background:var(--color-ok-soft);color:var(--color-ok)}.kpi-icon.is-accent{background:var(--color-accent-100);color:var(--color-accent)}.kpi-icon.is-coral{background:var(--color-accent-2-100);color:var(--color-accent-2)}.kpi-icon.is-warn{background:var(--color-warn-soft);color:var(--color-warn)}.kpi-icon.is-violet{color:#7c3aed;background:#f5f3ff}.kpi-value{letter-spacing:-.02em;color:var(--color-neutral-900);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.kpi-value.is-coral{color:var(--color-accent-2)}.kpi-note{color:var(--color-neutral-500);font-size:12px}.kpi-note.is-ok{color:var(--color-ok);font-weight:600}.kpi-note.is-down{color:var(--color-accent-2);font-weight:600}.card-panel{border:1px solid var(--color-divider);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.card-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-panel-title{margin:0;font-size:15px;font-weight:700}.card-panel-sub{color:var(--color-neutral-500);margin:2px 0 0;font-size:12px}.card-panel .audit-table th:first-child,.card-panel .audit-table td:first-child{padding-left:0}.card-panel .audit-table th{background:0 0}.card-panel .num,.kpis .num{text-align:right}.link-button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.link-button:hover{text-decoration:underline}.bars{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:15rem;margin:0;padding:0;list-style:none;display:grid}.bars li{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.bar-value{min-height:16px;color:var(--color-neutral-500);white-space:nowrap;font-size:11px;font-weight:600}.bar-track{background:var(--color-neutral-200);border-radius:10px;flex:1;width:min(46px,100%);position:relative}.bar-fill{background:color-mix(in srgb, var(--color-accent) 55%, white);border-radius:10px;position:absolute;inset:auto 0 0}.bars li.is-today .bar-fill{background:var(--color-accent)}.bars li.is-today .bar-value{color:var(--color-accent)}.bar-label{color:var(--color-neutral-600);text-transform:capitalize;font-size:12px;font-weight:600}.dash-tables{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:24px;display:grid}.dash-name{color:var(--color-neutral-800);font-weight:600}.dash-low{color:var(--color-accent-2);font-weight:700}.dash-soon{color:var(--color-warn);font-weight:600}.dash-empty{margin:0}@media (width<=640px){.welcome{padding:20px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:14px}.kpi-head{align-items:flex-start;margin-bottom:4px}.kpi-label{font-size:11px}.kpi-icon{border-radius:9px;width:30px;height:30px}.kpi-value{font-size:19px}.bars{gap:6px;height:12rem}.bar-value{font-size:10px}.dash-tables{grid-template-columns:minmax(0,1fr)}}.override-filter{max-width:46rem;margin-bottom:12px}.override-filter .field{min-width:10rem}.override-status{margin-left:6px}.override-qty{font-size:12px;display:block}.override-reason-cell{min-width:12rem;max-width:22rem;white-space:normal!important}.monitor.has-alerts{border-color:var(--color-warn-line)}.monitor-badge{background:var(--color-ok-soft);color:var(--color-ok);white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.monitor-badge.is-alert{background:var(--color-warn-soft);color:var(--color-warn)}.monitor-alerts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.monitor-alerts li{background:var(--color-warn-soft);color:#92400e;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.monitor-alerts svg{flex:none;margin-top:1px}.offline-shift{justify-items:start;gap:12px;display:grid}.offline-shift .field{width:min(20rem,100%)}.pos-app{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);flex-direction:column;display:flex}.pos-bar{z-index:20;border-bottom:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:64px;padding:8px 20px;display:flex;position:sticky;top:0}.pos-bar-brand{letter-spacing:-.02em;color:var(--color-accent);white-space:nowrap;margin:0;font-size:17px;font-weight:800}.pos-bar .brand-mark{border-radius:10px;width:38px;height:38px}.pos-bar-brand span{color:var(--color-accent-2)}.pos-tabs{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.pos-tab{min-height:44px;color:var(--color-neutral-600);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.pos-tab:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.pos-tab[aria-current=page]{background:var(--color-accent);color:#fff}.pos-bar .topbar-actions{margin-left:auto}.pos-main{flex:1}@media (width<=900px){.pos-bar-brand{display:none}.pos-tabs{flex-basis:100%;order:3}.pos-bar .account-text,.pos-bar .topbar-date{display:none}}@media (width<=520px){.pos-bar{padding-inline:16px}.pos-tabs{gap:4px}.pos-tab{flex:1;justify-content:center;padding:0 8px;font-size:14px}.pos-tab svg{display:none}}