.app-shell{display:grid;grid-template-rows:auto 1fr;height:100vh;height:100dvh;background:var(--color-bg-canvas)}.app-shell-body{display:flex;min-height:0;overflow-y:auto}.layout{flex:1;display:flex;min-height:0}.rotate-180{transform:rotate(180deg)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--color-bg-chrome);border-inline-end:1px solid var(--color-border-default);padding:.75rem;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto;transition:width var(--transition-med),transform var(--transition-med),background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar:focus{outline:none}.app-shell-body>.sidebar{height:100%;max-height:100%}.sidebar.collapsed{width:var(--sidebar-w-collapsed);padding-inline:.5rem}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:.25rem .25rem .75rem;margin-block-end:.5rem;border-block-end:1px solid var(--color-border-default);font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:700;color:var(--color-text-primary);white-space:nowrap;min-width:0}.sidebar-brand-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-mark{--sidebar-mark-bg: var(--deep-teal);--sidebar-mark-fg: var(--neutral-1000);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}:root[data-theme=dark] .sidebar-brand-mark .disc-logo-tile{border-radius:7px;box-shadow:0 0 0 1px var(--color-border-strong)}.sidebar-brand-mark-custom{border-radius:var(--radius-md);background:var(--color-accent-default);color:var(--color-text-on-accent);font-weight:700}.sidebar-brand-logo{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);background:#fff}.sidebar-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-md);margin-inline-start:auto;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--color-bg-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-strong)}.sidebar-collapse-btn svg{transition:transform var(--transition-med)}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}[dir=rtl] .sidebar-collapse-btn svg{transform:scaleX(-1)}[dir=rtl] .sidebar.collapsed .sidebar-collapse-btn svg{transform:scaleX(-1) rotate(180deg)}.sidebar.collapsed .sidebar-brand{flex-direction:column;gap:.5rem;padding-inline:0}.sidebar.collapsed .sidebar-collapse-btn{margin-inline-start:0}.sidebar.collapsed .sidebar-brand-label,.sidebar.collapsed .nav-item>span:not(.nav-lock),.sidebar.collapsed .sidebar-footer-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-inline:0}.sidebar.collapsed .nav-item .nav-lock{position:absolute;inset-block-start:4px;inset-inline-end:4px;margin:0}.sidebar.collapsed .nav-item .nav-lock:before{width:10px;height:10px}.sidebar.collapsed .sidebar-user{justify-content:center;padding-inline:0}.nav-group-label{flex-shrink:0;line-height:1.4;padding:.9rem .75rem .3rem;font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-group-label:first-of-type{padding-block-start:.25rem}.sidebar.collapsed .nav-group-label{padding:.5rem 0 .25rem}.sidebar.collapsed .nav-group-label .nav-label{display:block;height:1px;overflow:hidden;color:transparent;background:var(--color-border-default)}.sidebar-footer{margin-block-start:auto;padding-block-start:.75rem;border-block-start:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:2px}.sidebar-user{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--radius-md);overflow:hidden}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--color-accent-subtle);color:var(--color-accent-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.sidebar-user-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar-user-name{display:block;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:block;font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scrim{display:none}@media(max-width:900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:var(--z-drawer);align-self:stretch;height:auto;transform:translate(-100%);width:min(var(--sidebar-w),84vw);max-height:100vh;box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--transition-med),visibility 0s linear var(--transition-med),background-color var(--transition-fast),border-color var(--transition-fast)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0);visibility:visible;transition:transform var(--transition-med),visibility 0s,background-color var(--transition-fast),border-color var(--transition-fast)}.app-shell-body>.sidebar{height:auto;max-height:none}.sidebar.collapsed{width:min(var(--sidebar-w),84vw);padding-inline:.75rem}.sidebar-collapse-btn{display:none}.sidebar.collapsed .sidebar-brand{flex-direction:row;padding-inline:.25rem}.sidebar.collapsed .sidebar-brand-label{display:block}.sidebar.collapsed .nav-item>span:not(.nav-lock){display:inline}.sidebar.collapsed .sidebar-footer-text{display:flex}.sidebar.collapsed .nav-item{justify-content:flex-start;padding-inline:.75rem}.sidebar.collapsed .nav-group-label{padding:.9rem .75rem .3rem}.sidebar.collapsed .nav-group-label .nav-label{display:inline;height:auto;color:inherit;background:none}.sidebar.collapsed .nav-item .nav-lock{position:static;margin-inline-start:auto}.sidebar.collapsed .nav-item .nav-lock:before{width:14px;height:14px}.sidebar.collapsed .sidebar-user{justify-content:flex-start;padding-inline:.5rem}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--neutral-0) 50%,transparent);z-index:var(--z-drawer-scrim);opacity:0;pointer-events:none;transition:opacity var(--transition-med)}.sidebar-scrim.open{opacity:1;pointer-events:auto}}.nav-item{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-md);min-height:44px;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;text-align:start;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative;width:100%;overflow:hidden}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--color-bg-surface-raised);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:600}.nav-item:before{content:"";position:absolute;inset-inline-start:0;inset-block:.5rem;inline-size:2px;background:var(--color-accent-default);opacity:0;transition:opacity var(--transition-fast)}.nav-item.active:before{opacity:1}.nav-item .nav-lock{margin-inline-start:auto;display:inline-flex}.nav-item .nav-lock:before{content:"";display:inline-block;width:14px;height:14px;background-color:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='4' y='11' width='16' height='9' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='4' y='11' width='16' height='9' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") center / contain no-repeat}.nav-item.tier-hidden,.nav-item.perm-hidden{display:none}.nav-item.locked{color:var(--color-text-muted)}.nav-item.locked:hover{background:var(--color-bg-surface-raised)}.content{flex:1;min-width:0;padding:1.5rem 2rem 3rem}@media(max-width:700px){.content{padding:1rem 1rem 2.5rem}}.view{display:none}.view.active{display:block;animation:fadeIn .16s ease-out backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-block-end:1.25rem}.view-header h1{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:700;margin:0;color:var(--color-text-primary)}.app-footer{text-align:center;padding:1rem;font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted);border-block-start:1px solid var(--color-border-default);background:var(--color-bg-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1.125rem;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-accent-default);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-surface-raised);border-color:var(--color-accent-default)}.btn-danger{background:var(--color-status-danger);color:var(--color-text-on-danger)}.btn-danger:hover{background:color-mix(in srgb,var(--color-status-danger) 86%,var(--color-text-primary))}.btn-sm{min-height:44px;padding:.375rem .75rem;font-size:var(--text-sm)}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-inline-start-color:transparent;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.card:hover{border-color:var(--color-border-strong)}.card-title{font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;margin:0 0 .75rem;color:var(--color-text-primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-block-end:1.5rem}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1rem 1.25rem;position:relative;overflow:hidden;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);display:flex;flex-direction:column;gap:.25rem}.stat-card:hover{border-color:var(--color-border-strong)}.stat-card .stat-label{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;color:var(--color-text-secondary)}.stat-card .stat-value{font-family:inherit;font-variant-numeric:tabular-nums;direction:inherit;unicode-bidi:isolate;font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:700;color:var(--color-text-primary)}.stat-card.accent .stat-value{color:var(--color-accent-text)}.stat-card.warn .stat-value{color:var(--color-status-warn)}.stat-card.danger .stat-value{color:var(--color-status-danger)}@keyframes cardIn{0%{opacity:0}to{opacity:1}}.stat-grid>.stat-card,.form-grid>.card{animation:cardIn .18s ease-out backwards}.table-wrap{overflow-x:auto;padding:0;position:relative}.table-wrap:after{content:"";position:sticky;inset-inline-end:0;top:0;float:inline-end;width:20px;height:100%;margin-inline-start:-20px;pointer-events:none;background:linear-gradient(to var(--table-fade-dir, left),var(--color-bg-surface),transparent)}[dir=rtl] .table-wrap{--table-fade-dir: right}table{width:100%;border-collapse:collapse;min-width:560px}.card .table-wrap table{min-width:0}thead th{text-align:start;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-surface-raised);padding:.625rem 1rem;border-block-end:1px solid var(--color-border-default);position:sticky;top:0}thead th button,.table th button,.table-sort-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px;transition:color var(--transition-fast)}thead th button:hover,.table-sort-btn:hover,thead th[aria-sort=ascending],thead th[aria-sort=descending]{color:var(--color-accent-text)}tbody td .mono{white-space:nowrap}[dir=rtl] td.mono,[dir=rtl] td.num{text-align:right}[dir=ltr] td.mono,[dir=ltr] td.num{text-align:left}tbody td{padding:.75rem 1rem;border-block-end:1px solid var(--color-border-default);vertical-align:middle}tbody tr:last-child td{border-block-end:none}tbody tr:hover{background:color-mix(in srgb,var(--color-accent-default) 5%,transparent)}.table-wrap.card{padding:0}.table-wrap.card:hover{border-color:var(--color-border-default)}.table-wrap input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-default);cursor:pointer}.row-actions{display:flex;gap:.5rem;flex-wrap:nowrap}td .btn-danger,.row-actions .btn-danger{background:transparent;color:var(--color-status-danger);border:1px solid color-mix(in srgb,var(--color-status-danger) 45%,transparent)}td .btn-danger:hover,.row-actions .btn-danger:hover{background:var(--color-status-danger-bg);border-color:var(--color-status-danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border-default);cursor:pointer;color:var(--color-accent-text);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.icon-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-border-strong)}.icon-btn.danger{color:var(--color-status-danger)}.icon-btn.danger:hover{background:var(--color-status-danger-bg)}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:600;padding:.0625rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.badge-ok{background:var(--color-status-success-bg);color:var(--color-status-success)}.badge-expiring{background:var(--color-status-warn-bg);color:var(--color-status-warn)}.badge-expired{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.badge-lowstock{background:var(--color-status-warn-bg);color:var(--color-status-warn)}.badge-neutral{background:var(--color-bg-surface-raised);color:var(--color-text-secondary)}.badge-info{background:var(--color-accent-subtle);color:var(--color-accent-text)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label,.field .field-label{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;color:var(--color-text-primary)}.field .hint{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted)}.field .error-text{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-status-danger);display:none}.field.has-error .error-text{display:block}.field.has-error .input{border-color:var(--color-status-danger)}.input,select.input,textarea.input{width:100%;min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .75rem;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--text-base-lh);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.input::placeholder{color:var(--color-text-muted);opacity:1}.input:focus,.input:focus-visible,select.input:focus-visible,textarea.input:focus-visible{border-color:var(--color-accent-default);outline:none;box-shadow:0 0 0 3px var(--color-accent-subtle)}textarea.input{min-height:80px;resize:vertical}.checkbox-field{display:flex;align-items:center;gap:.5rem;flex-direction:row}.checkbox-field input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent-default)}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent-default)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:1px;box-shadow:0 0 0 4px var(--color-accent-subtle)}.form-actions{display:flex;justify-content:flex-end;gap:.625rem;margin-block-start:1.25rem}.toolbar{margin-block-end:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.toolbar .input{max-width:320px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--neutral-0) 50%,transparent);display:none;align-items:flex-start;justify-content:center;padding:6vh 1rem;overflow-y:auto;z-index:var(--z-modal)}.modal-overlay.open{display:flex}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;padding:1.5rem;animation:modalIn .16s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.modal h2{margin:0;color:var(--color-text-primary);font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:700}.modal-close-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.25rem;padding-block-end:1rem;border-block-end:1px solid var(--color-border-default)}.toast-container{position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:var(--z-toast);max-width:min(360px,calc(100vw - 2.5rem))}.toast{background:var(--color-text-primary);color:var(--color-bg-surface);padding-block:.5rem;padding-inline:1rem .5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;animation:toastIn .16s ease-out;display:flex;align-items:center;gap:.5rem}.toast.exiting{animation:toastOut var(--transition-fast) forwards}.toast.success{background:var(--color-status-success);color:var(--color-text-on-success)}.toast.error{background:var(--color-status-danger);color:var(--color-text-on-danger)}.toast.warn{background:var(--warn-500);color:var(--color-text-on-warn)}.toast-dismiss{margin-inline-start:auto;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:currentColor;opacity:.75;cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.toast-dismiss:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}@keyframes toastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-bg-canvas)}.login-screen[hidden]{display:none}.login-card{width:100%;max-width:400px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:2rem}@media(max-width:420px){.login-card{padding:1.5rem}}.login-logo{display:block;height:40px;width:auto;max-width:100%;margin-block-end:1.25rem}.login-brand{display:flex;color:var(--color-text-primary);margin-block-end:1.5rem;padding-block-end:1.5rem;border-block-end:1px solid var(--color-border-default)}.login-brand-mark{display:none!important}@media(max-width:359px){.login-brand-lockup{display:none!important}.login-brand-mark{display:block!important}}.login-card h1{color:var(--color-text-primary);margin:0 0 1.25rem;font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:700}table.perm-matrix th,table.perm-matrix td.perm-cell{text-align:center}table.perm-matrix input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent-default);cursor:pointer}table.perm-matrix input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.role-list{list-style:none;margin:0 0 1.25rem;padding:0;border-block-start:1px solid var(--color-border-default)}.role-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.6rem;border-block-end:1px solid var(--color-border-default)}.app-header{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;padding-inline:1.5rem;min-height:var(--header-h);background:var(--color-bg-chrome);border-block-end:1px solid var(--color-border-default);position:sticky;top:0;z-index:var(--z-header)}.app-header-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.app-header-menu-btn:hover{background:var(--color-bg-surface-raised);border-color:var(--color-border-strong)}@media(max-width:900px){.app-header-menu-btn{display:inline-flex}}.app-header-titles{min-width:0}.app-header-titles.has-crumbs .app-header-title{display:none}.app-header-crumbs{display:flex;align-items:center;gap:.375rem;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-crumb{display:flex;align-items:center;gap:.375rem}[dir=rtl] .app-header-crumb-sep{transform:scaleX(-1)}.app-header-crumbs button{background:none;border:none;padding:0;color:var(--color-text-muted);font:inherit;cursor:pointer}.app-header-crumbs button:hover{color:var(--color-accent-text)}.app-header-title{margin:0;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-search{flex:1;max-width:360px}.app-header-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto;flex-shrink:0}@media(max-width:700px){.app-header{padding-inline:1rem;gap:.625rem}.app-header-search,.app-header-crumbs{display:none}.app-header-titles.has-crumbs .app-header-title{display:block}}.app-header-crumb:last-child{color:var(--color-text-primary);font-weight:600}.icon-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);cursor:pointer;position:relative;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.icon-toggle-btn:hover{background:var(--color-bg-surface-raised);border-color:var(--color-border-strong)}.notif-dot{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--color-status-danger);border:1.5px solid var(--color-bg-surface)}.app-header-user{display:flex;align-items:center;gap:.5rem;padding-block:.25rem;padding-inline:.25rem .5rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;cursor:pointer;color:var(--color-text-secondary);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.app-header-user:hover{background:var(--color-bg-surface-raised);border-color:var(--color-border-default)}.app-header-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--color-accent-subtle);color:var(--color-accent-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.app-header-user-name{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;color:var(--color-text-primary)}@media(max-width:700px){.app-header-user-name{display:none}}.menu-wrap{position:relative;display:inline-flex}.menu-trigger-reset{all:unset;cursor:pointer;display:inline-flex;box-sizing:border-box}.menu-trigger-reset:focus-visible{border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--color-focus-ring-inner),0 0 0 4px var(--color-focus-ring-outer)}.menu-panel{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-width:200px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.25rem;z-index:var(--z-menu);animation:menuIn .12s ease-out}.menu-panel[data-align=start]{inset-inline-end:auto;inset-inline-start:0}@keyframes menuIn{0%{opacity:0}to{opacity:1}}.menu-item{display:flex;align-items:center;gap:.625rem;width:100%;text-align:start;min-height:40px;padding:.5rem .75rem;border-radius:var(--radius-sm);background:none;border:none;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);line-height:var(--text-sm-lh);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.menu-item:hover{background:var(--color-bg-surface-raised)}.menu-item.danger{color:var(--color-status-danger)}.menu-item.danger:hover{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.menu-divider{height:1px;background:var(--color-border-default);margin:.25rem}.tabs{display:flex;gap:.25rem;border-block-end:1px solid var(--color-border-default);overflow-x:auto}.tab-item{position:relative;padding:.625rem 1rem;background:none;border:none;cursor:pointer;font:inherit;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-fast)}.tab-item:hover{color:var(--color-text-primary)}.tab-item.active{color:var(--color-accent-text)}.tab-item:after{content:"";position:absolute;inset-inline:.75rem;inset-block-end:-1px;block-size:2px;background:var(--color-accent-default);opacity:0;transition:opacity var(--transition-fast)}.tab-item.active:after{opacity:1}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-block-start:1rem}.pagination-btn{min-width:40px;height:40px;padding:0 .5rem;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-surface-raised);border-color:var(--color-border-strong)}.pagination-btn.active{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-text-on-accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}[dir=rtl] .pagination-btn svg{transform:scaleX(-1)}.notice{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin-block-end:1rem;border:1px solid color-mix(in srgb,var(--color-status-warn) 35%,transparent);border-radius:var(--radius-md);background:var(--color-status-warn-bg);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--text-sm-lh);text-align:start}.notice svg{flex:none;margin-block-start:.2em;color:var(--color-status-warn)}.confirm-message{color:var(--color-text-primary);line-height:1.6;text-align:start;white-space:pre-line}.confirm-message .confirm-detail{display:block;margin-block-start:.625rem;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-bg-surface-raised)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-text-primary) 6%,transparent),transparent);animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer-rtl{0%{transform:translate(100%)}to{transform:translate(-100%)}}[dir=rtl] .skeleton:after{animation-name:shimmer-rtl}.skeleton-text{height:.9em;margin-block:.25em}.skeleton-card{height:88px;border-radius:var(--radius-lg)}.skeleton-table-row{height:44px;margin-block-end:1px}.state-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:2.75rem 1.5rem;color:var(--color-text-muted)}.state-panel-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface-raised);color:var(--color-text-muted);margin-block-end:.375rem}.state-panel.is-error .state-panel-icon{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.state-panel-title{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:600;color:var(--color-text-primary)}.state-panel-desc{margin:0;font-size:var(--text-sm);line-height:var(--text-sm-lh);max-width:40ch}.state-panel .btn{margin-block-start:.5rem}html[lang=ar] .stat-card .stat-value,html[lang=ar] .view-header h1,html[lang=ar] .login-card h1{line-height:1.5}@media(prefers-reduced-motion:reduce){.view.active,.stat-grid>.stat-card,.form-grid>.card,.modal,.toast,.menu-panel{animation:none}.skeleton:after{animation:none}}@media print{.app-header,.sidebar,.sidebar-scrim,.app-shell>aside,.toast-container,.btn,.icon-btn,.app-footer,.toolbar,.pagination{display:none!important}.app-shell,.app-shell-body{display:block!important;height:auto!important;overflow:visible!important}.content{padding:0!important}body{background:var(--neutral-1000)!important;color:var(--neutral-0)!important}.card,.stat-card,.table-wrap{box-shadow:none!important;border-color:var(--neutral-800)!important;break-inside:avoid;transform:none!important}.table-wrap:after{display:none!important}thead th{position:static!important}table{min-width:0!important}}.money-input{position:relative;display:flex;align-items:center;direction:ltr}.money-input .input{padding-inline-end:3.2rem;text-align:start}.money-input-symbol{position:absolute;inset-inline-end:.75rem;color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none}.profile-form{display:flex;flex-direction:column;gap:1.5rem;max-width:60rem}.profile-form fieldset{border:0;border-top:1px solid var(--color-border-default);padding:1rem 0 0;margin:0}.profile-form legend{font-weight:600;padding-inline-end:.75rem}.profile-logo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.profile-logo img{width:56px;height:56px;object-fit:contain;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#fff}.numbering-table{width:100%;border-collapse:collapse}.numbering-table th,.numbering-table td{padding:.35rem;text-align:start}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.print-host{display:none}.print-body{margin:0;background:var(--neutral-1000);color:var(--neutral-0);font-family:var(--font-ar),var(--font-en),sans-serif}.print-doc{box-sizing:border-box}.print-doc table{min-width:0}.print-doc thead th{position:static}.print-head{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--neutral-0);padding-bottom:8px;margin-bottom:8px}.print-logo{max-width:80px;max-height:80px;object-fit:contain}.print-business p{margin:1px 0;font-size:11px}.print-name{margin:0 0 2px;font-size:16px}.print-title{margin:6px 0;font-size:14px;text-align:center}.print-meta,.print-totals{margin:6px 0}.print-meta>div,.print-totals>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:1px 0}.print-meta dt,.print-totals dt{font-weight:600}.print-meta dd,.print-totals dd{margin:0}.print-lines{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0}.print-lines th,.print-lines td{text-align:start;padding:3px 2px;border-bottom:1px dashed var(--color-border-strong)}.print-lines th:not(:first-child),.print-lines td:not(:first-child){text-align:end}.print-grand{border-top:1px solid var(--neutral-0);font-size:14px!important;font-weight:700;padding-top:4px!important}.print-footer{margin-top:10px;border-top:1px dashed var(--color-border-strong);padding-top:6px;text-align:center;font-size:11px;white-space:pre-line}.print-body table{min-width:0}.print-body thead th{position:static}.print-body .content{padding:0}.print-body .app-shell,.print-body .app-shell-body{display:block;height:auto;overflow:visible}.print-body .table-wrap:after{display:none}.print-body .app-header,.print-body .sidebar,.print-body .sidebar-scrim,.print-body .app-shell>aside,.print-body .toast-container,.print-body .btn,.print-body .icon-btn,.print-body .app-footer,.print-body .toolbar,.print-body .pagination{display:none}.paper-a4 .print-doc{width:100%}.paper-80mm .print-doc{width:72mm;margin:0 auto}.paper-58mm .print-doc{width:50mm;margin:0 auto}.paper-58mm .print-head,.paper-80mm .print-head{flex-direction:column;align-items:center;text-align:center}@media print{.paper-80mm,.paper-58mm{margin:0}}.dash{display:flex;flex-direction:column;gap:1.25rem}.dash.view.active{display:flex}.dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem}.dash-head-text{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1 1 18rem}.dash-greeting{margin:0;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-muted)}.dash-head h1{margin:0;font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:700;color:var(--color-text-primary)}.dash-subtitle{margin:0;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-secondary);max-width:62ch}.dash-head-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dash-alert{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-primary)}.dash-alert>svg{flex:none}.dash-alert-text{flex:1 1 16rem}.dash-alert-warn{background:var(--color-status-warn-bg);border-color:color-mix(in srgb,var(--color-status-warn) 35%,transparent)}.dash-alert-warn>svg{color:var(--color-status-warn)}.dash-alert-danger{background:var(--color-status-danger-bg);border-color:color-mix(in srgb,var(--color-status-danger) 35%,transparent)}.dash-alert-danger>svg{color:var(--color-status-danger)}.dash-alert-info{background:var(--color-accent-subtle);border-color:color-mix(in srgb,var(--color-accent-default) 30%,transparent)}.dash-alert-info>svg{color:var(--color-accent-text)}.dash-link{background:none;border:0;padding:.25rem .125rem;min-height:32px;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--color-accent-text);border-radius:var(--radius-sm);white-space:nowrap}.dash-link:hover{text-decoration:underline;text-underline-offset:3px}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:1rem}.dash-kpi{display:flex;flex-direction:column;gap:.5rem;text-align:start;padding:1.125rem 1.25rem;border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);font:inherit;min-width:0}.dash-kpi-link{cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.dash-kpi-link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dash-kpi-label{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-secondary);font-weight:500}.dash-kpi-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.25rem .75rem;min-height:2.5rem}.dash-kpi-value{font-size:var(--text-2xl);line-height:1.2;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.dash-kpi-unit{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin-inline-start:.375rem}.dash-kpi-hint{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted)}.dash-placeholder{display:inline-block;width:4rem}.dash-spark{width:90px;height:32px;flex:none}.dash-spark polyline{stroke:var(--color-accent-default)}.dash-chip{width:36px;height:36px;flex:none;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.dash-tone-accent.dash-chip{background:var(--color-accent-subtle);color:var(--color-accent-text)}.dash-tone-neutral.dash-chip{background:var(--color-bg-surface-raised);color:var(--color-text-secondary)}.dash-tone-good.dash-chip{background:var(--color-status-success-bg);color:var(--color-status-success)}.dash-tone-warn.dash-chip{background:var(--color-status-warn-bg);color:var(--color-status-warn)}.dash-tone-danger.dash-chip{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.dash-text-good{color:var(--color-status-success)}.dash-text-warn{color:var(--color-status-warn)}.dash-text-danger{color:var(--color-status-danger)}.dash-text-accent{color:var(--color-accent-text)}.dash-muted{color:var(--color-text-muted)}.dash-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}.dash-panel{min-width:0;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.375rem;border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default)}.dash-panel-wide{flex:2 1 30rem}.dash-panel-half{flex:1 1 22rem}.dash-panel-narrow{flex:1 1 17rem}.dash-panel-full{flex:1 1 100%}.dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dash-panel-head h2{margin:0;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:600;color:var(--color-text-primary)}.dash-panel-head p{margin:.125rem 0 0;font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted)}.dash-empty{margin:0;display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--color-text-muted);padding:.5rem 0}.dash-empty svg{color:var(--color-status-success)}.dash-trend{margin:0;display:flex;flex-direction:column;gap:.5rem}.dash-trend-plot{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem;height:12rem;align-items:end;padding-top:1.5rem;border-block-end:1px solid var(--color-border-default)}.dash-col{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;outline:none;border-radius:var(--radius-sm)}.dash-col-bar{width:100%;max-width:28px;min-height:0;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--color-accent-default) 42%,var(--color-bg-surface));transition:background-color var(--transition-fast)}.dash-col.is-today .dash-col-bar{background:var(--color-accent-default)}.dash-col:hover .dash-col-bar,.dash-col:focus-visible .dash-col-bar{background:var(--color-accent-hover)}.dash-col:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring-outer)}.dash-col-value{font-size:var(--text-xs);color:var(--color-text-secondary);margin-block-end:.25rem;white-space:nowrap}.dash-tip{position:absolute;bottom:calc(100% + .25rem);inset-inline-start:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;opacity:0;z-index:2;padding:.375rem .625rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-strong);font-size:var(--text-xs);color:var(--color-text-primary);transition:opacity var(--transition-fast)}[dir=rtl] .dash-tip{transform:translate(50%)}.dash-col:hover .dash-tip,.dash-col:focus-visible .dash-tip{opacity:1}.dash-col:first-child .dash-tip{inset-inline-start:0;transform:none}.dash-col:last-child .dash-tip{inset-inline-start:auto;inset-inline-end:0;transform:none}.dash-trend-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem}.dash-trend-days span{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-trend-days span:last-child{color:var(--color-text-primary);font-weight:600}.dash-trend-skeleton{height:13.5rem;border-radius:var(--radius-lg)}.dash-breakdown,.dash-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.875rem}.dash-breakdown-label{display:flex;justify-content:space-between;gap:.75rem;font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--color-text-primary)}.dash-breakdown-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-breakdown-label>span:last-child{flex:none}.dash-breakdown li,.dash-meter{display:flex;flex-direction:column;gap:.375rem}.dash-meter-track{display:block;height:8px;border-radius:999px;background:var(--color-bg-surface-raised);overflow:hidden}.dash-meter-fill{display:block;height:100%;border-radius:999px;background:var(--color-accent-default)}.dash-fill-good{background:var(--color-status-success)}.dash-fill-warn{background:var(--color-status-warn)}.dash-fill-danger{background:var(--color-status-danger)}.dash-fill-neutral{background:var(--color-text-muted)}.dash-rank li{display:flex;align-items:center;gap:.75rem}.dash-rank-no{width:28px;height:28px;flex:none;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent-text);font-size:var(--text-xs);font-weight:700}.dash-rank-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.dash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dash-list li+li{border-block-start:1px solid var(--color-border-default)}.dash-list-row{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .25rem;min-height:48px;background:none;border:0;font:inherit;color:var(--color-text-primary);text-align:start}.dash-list-link{cursor:pointer;border-radius:var(--radius-md)}.dash-list-link:hover{background:var(--color-bg-surface-raised)}.dash-dot{width:10px;height:10px;border-radius:999px;flex:none;background:var(--color-text-muted)}.dash-dot.dash-tone-accent{background:var(--color-accent-default)}.dash-dot.dash-tone-good{background:var(--color-status-success)}.dash-dot.dash-tone-warn{background:var(--color-status-warn)}.dash-dot.dash-tone-danger{background:var(--color-status-danger)}.dash-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.dash-list-title{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list-meta{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list-aside{flex:none;font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.dash-list-skeleton{display:flex;flex-direction:column;gap:.75rem}.dash-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.625rem}.dash-action{display:flex;align-items:center;gap:.625rem;min-height:56px;padding:.5rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);font-weight:500;text-align:start;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.dash-action:hover{border-color:var(--color-accent-default);background:var(--color-accent-subtle)}@media(max-width:700px){.dash-head h1{font-size:var(--text-xl)}.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.dash-kpi{padding:.875rem}.dash-kpi-value{font-size:var(--text-xl);white-space:normal;overflow-wrap:anywhere}.dash-spark{display:none}.dash-panel{padding:1rem}.dash-trend-plot{height:9.5rem;gap:.25rem}.dash-trend-days{gap:.25rem}}@media(max-width:380px){.dash-kpis{grid-template-columns:1fr}}.barcode-field{display:flex;flex-direction:column;gap:.375rem}.barcode-field-row{display:flex;gap:.5rem;align-items:center}.barcode-field-row .input{flex:1;min-width:0;font-family:var(--font-mono)}.barcode-preview{align-self:flex-start;padding:.375rem .625rem;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.barcode-svg{display:block;max-width:100%;height:auto}.label-dialog{display:flex;flex-direction:column;gap:.875rem}.label-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:14rem;overflow:auto}.label-items li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.label-items .input{width:5.5rem;flex:none}.label-item-name{display:flex;flex-direction:column;min-width:0;font-size:var(--text-sm)}.label-item-name bdi{color:var(--color-text-muted);font-size:var(--text-xs)}.label-preview-wrap{max-height:12rem;overflow:hidden;background:var(--color-bg-surface-raised);border-radius:var(--radius-md);padding:.75rem}.label-preview-wrap .label-sheet{display:flex;flex-wrap:wrap;gap:6px}.label-preview-wrap .label-sticker{background:#fff;outline:1px dashed var(--color-border-strong)}.label-sticker{box-sizing:border-box;overflow:hidden;color:#000;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6mm;padding:1.2mm 1.5mm;text-align:center;font-family:var(--font-ar),var(--font-en),sans-serif}.label-name{font-size:8pt;line-height:1.15;font-weight:600;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label-price{font-size:9pt;font-weight:700;line-height:1.1;direction:ltr;unicode-bidi:isolate}.label-sticker .barcode-svg{max-height:60%}.label-sheet-label-50x25 .label-sticker{width:50mm;height:25mm}.label-sheet-label-40x30 .label-sticker{width:40mm;height:30mm}.label-sheet-label-38x25 .label-sticker{width:38mm;height:25mm}.label-sheet-a4-labels{display:grid!important;grid-template-columns:repeat(3,66mm);grid-auto-rows:34.6mm;gap:0!important}.label-sheet-a4-labels .label-sticker{width:66mm;height:34.6mm}.print-body[class*=paper-label-]{margin:0}.print-body[class*=paper-label-] .label-sticker{break-after:page;page-break-after:always}.print-body[class*=paper-label-] .label-sticker:last-child{break-after:auto;page-break-after:auto}.print-body.paper-a4-labels .label-sticker{break-inside:avoid}.till-view{display:flex;flex-direction:column;gap:1rem}.till-view.view.active{display:flex}.till-view fieldset{border:0;padding:0;margin:0;min-inline-size:0;display:flex;flex-direction:column;gap:1rem}.till-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.till-head h1{margin:0;font-size:var(--text-2xl);line-height:var(--text-2xl-lh);font-weight:700;color:var(--color-text-primary)}.till-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.till{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(20rem,1fr);gap:1rem;align-items:start}@media(max-width:1000px){.till{grid-template-columns:minmax(0,1fr)}}.till-panel{min-width:0;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem;border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default)}@media(min-width:1001px)and (min-height:640px){.till-panel{block-size:calc(100dvh - 11.5rem);min-block-size:30rem;overflow-y:auto}.till-grid{flex:1;min-block-size:0}.till-dock{position:sticky;inset-block-end:-1rem;margin-block-end:-1rem;padding-block-end:1rem;background:var(--color-bg-surface);z-index:1}}.till-search{position:relative;display:flex;flex-direction:column;gap:.25rem}.till-search label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.till-search-box{position:relative}.till-search-box>svg{position:absolute;inset-block-start:50%;inset-inline-start:1rem;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.till-search-box .input{inline-size:100%;min-block-size:52px;padding-inline-start:2.75rem;border-radius:999px;font-size:var(--text-md);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-strong)}.till-search-box .input:focus{border-color:var(--color-accent-default);background:var(--color-bg-surface)}.till-search .hint{font-size:var(--text-xs);color:var(--color-text-muted)}.till-chips{display:flex;gap:.375rem;overflow-x:auto;padding-block:2px 4px;scrollbar-width:thin;flex-shrink:0}.till-chips .btn{flex-shrink:0;border-radius:999px;min-block-size:40px;padding-inline:1rem}.till-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:var(--text-xs);color:var(--color-text-secondary)}.till-status label{display:inline-flex;align-items:center;gap:.375rem;min-block-size:32px;cursor:pointer}.till-status input{inline-size:1.05rem;block-size:1.05rem;accent-color:var(--color-accent-default)}.till-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9.25rem,100%),1fr));grid-auto-rows:max-content;gap:.625rem;overflow-y:auto;align-content:start;padding:2px}.till-tile{position:relative;display:flex;flex-direction:column;gap:.3rem;min-block-size:11.5rem;padding:.625rem;text-align:start;font:inherit;color:var(--color-text-primary);cursor:pointer;background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.till-tile:hover:not(:disabled){border-color:var(--color-accent-default)}.till-tile:active:not(:disabled){transform:translateY(1px)}.till-tile[data-in-cart]{border-color:var(--color-accent-default);background:var(--color-accent-subtle)}.till-tile:disabled{opacity:.55;cursor:not-allowed}.till-tile-visual{display:grid;place-items:center;block-size:4.5rem;inline-size:100%;border-radius:var(--radius-md);background:var(--color-bg-surface);overflow:hidden}.till-tile-visual img{max-inline-size:100%;block-size:4.25rem;object-fit:contain}.till-tile-initials{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:700}.till-tile-code{font-size:.68rem;color:var(--color-text-muted)}.till-tile-name{font-size:var(--text-sm);line-height:1.35;font-weight:600;min-block-size:2.7em;overflow-wrap:anywhere}.till-tile-price{margin-block-start:auto;font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.till-tile-price small{font-size:.7rem;font-weight:500;color:var(--color-text-muted)}.till-tile-stock{font-size:.7rem;color:var(--color-text-muted)}.till-tile-stock.is-low{color:var(--color-status-warn);font-weight:600}.till-tile-badge{position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem;min-inline-size:1.6rem;block-size:1.6rem;padding-inline:.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-accent-default);color:var(--color-text-on-accent);font-size:.75rem;font-weight:700}.till-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:var(--color-text-muted);text-align:center}.till-cart-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-block-end:.625rem;border-block-end:1px solid var(--color-border-default)}.till-cart-head h2{margin:0;font-size:var(--text-lg);font-weight:700}.till-cart-head span{font-size:var(--text-xs);color:var(--color-text-muted)}.till-lines{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.till-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.375rem .5rem;padding:.5rem .625rem;border-radius:var(--radius-lg);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default)}.till-line-name{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.till-line-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.till-stepper{display:inline-flex;align-items:center;gap:.25rem}.till-stepper .btn{min-inline-size:36px;min-block-size:36px;padding:0}.till-stepper .input{inline-size:3.25rem;text-align:center;padding-inline:.25rem;min-block-size:36px}.till-remove.btn{min-inline-size:36px;min-block-size:36px;padding:0;color:var(--color-status-danger);font-size:1.2rem}.till-cart-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem .5rem;color:var(--color-text-muted);text-align:center;font-size:var(--text-sm)}.till-options{display:flex;flex-direction:column;gap:.5rem}.till-options .field{margin:0}.till-pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem}.till-pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-block-size:58px;padding:.375rem;font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;color:var(--color-text-primary);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg)}.till-pay-btn:hover{border-color:var(--color-accent-default)}.till-pay-btn[aria-pressed=true]{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-text-on-accent)}.till-dock{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.625rem;border-block-start:1px solid var(--color-border-default)}.till-totals{margin:0;display:flex;flex-direction:column;gap:.125rem}.till-totals>div{display:flex;justify-content:space-between;gap:.75rem;font-size:var(--text-sm);color:var(--color-text-secondary);padding-block:.125rem}.till-totals dt,.till-totals dd{margin:0}.till-totals dd{font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.till-totals .till-grand{align-items:center;margin-block-start:.25rem;padding:.625rem .875rem;border-radius:var(--radius-lg);background:var(--color-accent-subtle);color:var(--color-text-primary);font-weight:700}.till-totals .till-grand dd{font-size:var(--text-2xl);line-height:1.2;font-weight:800}.till-totals .is-good dd{color:var(--color-status-success);font-weight:700}.till-totals .is-bad dd{color:var(--color-status-danger);font-weight:700}.till-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.till-actions .till-checkout{grid-column:1 / -1;grid-row:1;min-block-size:60px;font-size:var(--text-md)}@media(max-width:600px){.till-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.till-tile{min-block-size:10rem}.till-totals .till-grand dd{font-size:var(--text-xl)}}@media(pointer:coarse){.till .btn,.till .input{min-block-size:48px}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2"),url(./ibm-plex-sans-latin-700-normal-Bth3BMcD.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format("woff2"),url(./noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-arabic-arabic-500-normal-DPISWLls.woff2) format("woff2"),url(./noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format("woff2"),url(./noto-sans-arabic-arabic-600-normal-JLzruTOp.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2) format("woff2"),url(./noto-sans-arabic-arabic-700-normal-DXnsSW3z.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:800;src:url(./noto-sans-arabic-arabic-800-normal-BqK5sGSM.woff2) format("woff2"),url(./noto-sans-arabic-arabic-800-normal-X48NTV6W.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(./ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(./playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(./playfair-display-latin-900-normal-oSb7_CWx.woff2) format("woff2"),url(./playfair-display-latin-900-normal-DypQvTWf.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-arabic-500-normal-9HZNyGfq.woff2) format("woff2"),url(./noto-naskh-arabic-arabic-500-normal-C1qSLoTD.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-naskh-arabic-arabic-700-normal-BdBAMxnO.woff2) format("woff2"),url(./noto-naskh-arabic-arabic-700-normal-fm10sHOa.woff) format("woff")}:root{--neutral-0:#061418;--neutral-50:#0A1C21;--neutral-100:#102A31;--neutral-200:#16353D;--neutral-300:#1C3F48;--neutral-350:#24444C;--neutral-400:#3E5A61;--neutral-500:#546B72;--neutral-600:#7A8F94;--neutral-700:#8FA5A9;--neutral-800:#B4C6C9;--neutral-850:#D3DEDF;--neutral-900:#E8F0F1;--neutral-925:#EDF2F3;--neutral-950:#F3F6F6;--neutral-1000:#FFFFFF;--teal-50:#EEF6F7;--teal-100:#D6E9EC;--teal-150:#BBDADF;--teal-200:#A1C9CF;--teal-300:#7FB3BB;--teal-400:#5A98A2;--teal-500:#2E737D;--teal-600:#1F5E68;--teal-700:#174A53;--teal-800:#123840;--teal-900:#102A31;--sand-50:#FAF7EC;--sand-100:#F1EBD2;--sand-200:#D5C899;--sand-300:#BFAE72;--sand-600:#6E5F2C;--sand-700:#574B22;--danger-100:#B3261E;--danger-500:#F2877E;--success-100:#1D6B41;--success-500:#6FCB94;--warn-100:#9A4A06;--warn-300:#F6C78A;--warn-500:#E8A33D;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--text-xs:.75rem;--text-xs-lh:1.45;--text-sm:.8125rem;--text-sm-lh:1.5;--text-base:.9375rem;--text-base-lh:1.55;--text-md:1.0625rem;--text-md-lh:1.5;--text-lg:1.15rem;--text-lg-lh:1.45;--text-xl:1.35rem;--text-xl-lh:1.35;--text-2xl:1.7rem;--text-2xl-lh:1.25;--text-3xl:2.1rem;--text-3xl-lh:1.2;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:18px;--font-en:"IBM Plex Sans", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-ar:"IBM Plex Sans", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", "Noto Sans Arabic", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-brand:"Playfair Display", Georgia, "Times New Roman", serif;--font-brand-ar:"Noto Naskh Arabic", "Noto Sans Arabic", "Traditional Arabic", serif;--transition-fast:.15s cubic-bezier(.2,0,0,1);--transition-med:.24s cubic-bezier(.2,0,0,1);--sidebar-w:15.5rem;--sidebar-w-collapsed:4.5rem;--header-h:64px;--z-header:100;--z-menu:130;--z-drawer-scrim:140;--z-drawer:150;--z-modal:300;--z-toast:400}:root,:root[data-theme=light]{color-scheme:light;--color-bg-canvas: #F4F7F8;--color-bg-chrome: var(--neutral-1000);--color-bg-surface: var(--neutral-1000);--color-bg-surface-raised: var(--neutral-925);--color-bg-slab: var(--neutral-900);--color-border-default: #DCE6E8;--color-border-strong: rgba(16,42,49,.26);--color-text-primary: var(--neutral-100);--color-text-secondary: var(--neutral-400);--color-text-muted: var(--neutral-500);--color-text-on-accent: var(--neutral-1000);--color-text-on-danger: var(--neutral-1000);--color-text-on-success: var(--neutral-1000);--color-text-on-warn: var(--neutral-100);--color-accent-default: var(--teal-600);--color-accent-hover: var(--teal-700);--color-accent-active: var(--teal-800);--color-accent-subtle: rgba(31,94,104,.1);--color-accent-text: var(--teal-600);--color-highlight-text: var(--sand-600);--color-highlight-bg: var(--sand-100);--color-status-danger: var(--danger-100);--color-status-danger-bg: rgba(179,38,30,.09);--color-status-success: var(--success-100);--color-status-success-bg: rgba(29,107,65,.1);--color-status-warn: var(--warn-100);--color-status-warn-bg: rgba(154,74,6,.1);--color-shadow-tint: 16,42,49;--shadow-sm:0 1px 2px rgba(var(--color-shadow-tint),.06);--shadow-md:0 2px 8px rgba(var(--color-shadow-tint),.08);--shadow-lg:0 10px 28px rgba(var(--color-shadow-tint),.12);--color-focus-ring-inner: var(--neutral-1000);--color-focus-ring-outer: var(--teal-600)}:root[data-theme=dark]{color-scheme:dark;--color-bg-canvas: #040E10;--color-bg-chrome: #071A1E;--color-bg-surface: #0B2329;--color-bg-surface-raised: #10303A;--color-bg-slab: #143A45;--color-border-default: rgba(127,211,220,.14);--color-border-strong: rgba(127,211,220,.28);--color-text-primary: #F2F8F8;--color-text-secondary: #B9D0D4;--color-text-muted: #8FB0B6;--color-text-on-accent: #071A1E;--color-text-on-danger: var(--neutral-50);--color-text-on-success: var(--neutral-50);--color-text-on-warn: var(--neutral-100);--color-accent-default: #7FD3DC;--color-accent-hover: #A6E1E7;--color-accent-active: #5FBCC6;--color-accent-subtle: rgba(127,211,220,.13);--color-accent-text: #7FD3DC;--color-highlight-text: var(--sand-200);--color-highlight-bg: rgba(213,200,153,.14);--color-status-danger: var(--danger-500);--color-status-danger-bg: rgba(242,135,126,.14);--color-status-success: var(--success-500);--color-status-success-bg: rgba(111,203,148,.14);--color-status-warn: var(--warn-500);--color-status-warn-bg: rgba(232,163,61,.14);--color-shadow-tint: 2,10,12;--shadow-sm:0 1px 2px rgba(var(--color-shadow-tint),.3);--shadow-md:0 2px 8px rgba(var(--color-shadow-tint),.36);--shadow-lg:0 10px 28px rgba(var(--color-shadow-tint),.46);--color-focus-ring-inner: #040E10;--color-focus-ring-outer: #7FD3DC}:root{--deep-teal: var(--neutral-100);--teal: var(--color-accent-default);--teal-light: var(--color-accent-hover);--teal-dark: var(--color-accent-active);--accent: var(--color-accent-default);--accent-soft: var(--color-accent-subtle);--orange: var(--color-status-warn);--light-orange: var(--warn-300);--bg: var(--color-bg-canvas);--bg-soft: var(--color-bg-surface-raised);--surface: var(--color-bg-surface);--surface-2: var(--color-bg-surface-raised);--slab: var(--color-bg-slab);--slab-2: var(--neutral-850);--ink: var(--color-text-primary);--white: var(--neutral-1000);--border: var(--color-border-default);--on-accent: var(--color-text-on-accent);--danger-ink: var(--color-text-on-danger);--muted: var(--color-text-muted);--danger: var(--color-status-danger);--danger-bg: var(--color-status-danger-bg);--success: var(--color-status-success);--success-bg: var(--color-status-success-bg);--ok: var(--color-status-success);--warn-text: var(--color-status-warn);--warn-bg: var(--color-status-warn-bg);--sand: var(--color-highlight-text);--sand-bg: var(--color-highlight-bg);--shadow-rgb: 16 42 49;--font-display: var(--font-en)}:root[data-theme=dark]{--slab-2: var(--neutral-350);--shadow-rgb: 2 10 12}html[lang=ar]{--text-xs:.8125rem;--text-xs-lh:1.6;--text-sm:.875rem;--text-sm-lh:1.65;--text-base:1rem;--text-base-lh:1.75;--text-md:1.125rem;--text-md-lh:1.7;--text-lg:1.2rem;--text-lg-lh:1.6;--text-xl:1.4rem;--text-xl-lh:1.5;--text-2xl:1.75rem;--text-2xl-lh:1.4;--text-3xl:2.15rem;--text-3xl-lh:1.35;font-synthesis-weight:none}html[lang=ar] body{font-family:var(--font-ar)}html[lang=en] body{font-family:var(--font-en)}html[lang=ar] body,html[lang=ar] body *{letter-spacing:0!important}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body{margin:0;padding:0;background:var(--color-bg-canvas);color:var(--color-text-primary);min-height:100%;overflow-x:hidden}body{font-size:var(--text-base);line-height:var(--text-base-lh);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body,.card,.sidebar,.app-header,.modal,.toast,.badge,.input,select,textarea{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.brand-serif{font-family:var(--font-brand);font-weight:700;letter-spacing:-.005em}html[lang=ar] .brand-serif{font-family:var(--font-ar);font-weight:700}[dir=rtl] .disc-logo{transform:none!important}a{color:var(--color-accent-text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring-inner),0 0 0 4px var(--color-focus-ring-outer)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}