@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#718096;--border:#e5eaf1;--primary:#0b6bcb;--primary-dark:#0756a7;--shadow:0 12px 40px #212f4512;background:#f4f7fb;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=dark]{color:#ecf2fb;--bg:#0c1422;--surface:#121d2e;--surface-2:#172336;--text:#ecf2fb;--muted:#94a3b8;--border:#243248;--primary:#3494f4;--primary-dark:#68aff6;--shadow:0 16px 44px #00000038;background:#0c1422}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 38%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--surface-2) 72%, transparent)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 44%, transparent);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--primary) 58%, transparent);background-clip:content-box}:root[data-theme=dark] ::-webkit-scrollbar-track{background:color-mix(in srgb, var(--surface) 70%, #020617)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 50%, #020617);background-clip:content-box}html,body,#root{width:100%;max-width:100%}html{background:var(--bg);min-height:100%;overflow-x:hidden}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 25%, transparent);outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,.brand strong{font-family:Manrope,system-ui,sans-serif}.loading-screen{background:radial-gradient(circle at 50% 35%, #0b6bcb29, transparent 32%), var(--bg);place-content:center;gap:24px;min-height:100vh;display:grid}.loading-bar{background:var(--border);border-radius:9px;width:180px;height:4px;overflow:hidden}.loading-bar span{border-radius:inherit;background:var(--primary);width:50%;height:100%;animation:1s ease-in-out infinite alternate loading;display:block}@keyframes loading{0%{transform:translate(-60%)}to{transform:translate(160%)}}.demo-welcome{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 34%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.demo-welcome__card{text-align:center;justify-items:center;gap:20px;width:min(100%,620px);padding:38px;display:grid}.demo-welcome__icon{width:66px;height:66px;color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, transparent);border-radius:20px;place-items:center;display:grid}.demo-welcome h1{letter-spacing:-.04em;font-size:clamp(24px,4vw,35px);line-height:1.2}.demo-welcome p{max-width:490px;color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}.demo-welcome__actions{justify-content:center;gap:9px;width:100%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__mark{color:#fff;background:linear-gradient(145deg,#1888ef,#0754a5);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #0b6bcb40}.brand strong{letter-spacing:-.03em;font-size:18px;display:block}.brand span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:11px;display:block}.brand--compact .brand__mark{border-radius:11px;width:38px;height:38px}.brand--compact strong{font-size:17px}.login{grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-width:0;min-height:100vh;display:grid}.login__visual{color:#fff;background:linear-gradient(145deg,#072145f5,#06488be8),radial-gradient(circle at 20% 10%,#1b8ef2,#0000 45%);padding:64px clamp(48px,7vw,110px);position:relative;overflow:hidden}.login__visual:before,.login__visual:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login__visual:before{width:520px;height:520px;top:-160px;right:-260px}.login__visual:after{width:280px;height:280px;bottom:-80px;right:-90px}.login__visual .brand span{color:#ffffff94}.login__visual-inner{z-index:1;flex-direction:column;min-height:calc(100vh - 128px);display:flex;position:relative}.login__copy{max-width:600px;margin:auto 0}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.login__copy .eyebrow{color:#77c4ff}.login__copy h1{letter-spacing:-.055em;font-size:clamp(43px,5vw,72px);line-height:1.02}.login__copy p{color:#ffffffb3;max-width:500px;margin-top:22px;font-size:17px;line-height:1.75}.login__businesses{flex-wrap:wrap;gap:12px;display:flex}.login__businesses>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:13px;align-items:center;gap:10px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.login__businesses svg{color:#6ee7a1}.login__panel{background:var(--surface);place-items:center;min-width:0;padding:48px;display:grid}.login__form-wrap{width:min(100%,410px);min-width:0}.login__form-wrap h2{letter-spacing:-.04em;font-size:31px}.login__form-wrap>.muted{margin:10px 0 28px}.login__mobile-brand{margin-bottom:46px;display:none}.form-stack{gap:18px;display:grid}label>span{margin-bottom:7px;font-size:13px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:11px;padding:12px 13px;transition:border-color .2s,box-shadow .2s}input,select{min-height:46px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent)}input:focus,select:focus,textarea:focus{border-color:var(--primary)}input[readonly]{background:var(--surface-2);color:var(--muted)}.form-message{color:#b42318;background:#fff0ee;border-radius:9px;padding:11px 13px;font-size:13px}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--primary);box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 24%, transparent)}.button--primary:hover{background:var(--primary-dark)}.button--soft{border:1px solid var(--border);background:var(--surface-2)}.button--danger{color:#fff;background:#d64545;box-shadow:0 8px 20px #d6454533}.button--danger:hover{background:#bd3434}.button--wide{width:100%;min-height:48px}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.page-header .button[disabled]{cursor:not-allowed}.login__divider{color:var(--muted);align-items:center;gap:12px;margin:21px 0;font-size:12px;display:flex}.login__divider:before,.login__divider:after{content:"";background:var(--border);flex:1;height:1px}.login__security{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:28px;font-size:12px;display:flex}.config-note{text-align:center;color:#b42318;margin-top:12px;font-size:12px}.muted{color:var(--muted)}.app-shell{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 3%, var(--surface)), var(--surface) 24%), var(--surface);flex-direction:column;width:260px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 32px #121f3009}.sidebar__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:73px;padding:0 21px;display:flex}.sidebar__close{display:none!important}.sidebar__business{padding:19px 15px 10px;position:relative}.sidebar__business>span,.nav-label{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;margin:0 8px 8px;font-size:9px;font-weight:800;display:flex}.nav-label:after{content:"";background:color-mix(in srgb, var(--border) 75%, transparent);flex:1;height:1px}.sidebar__business>button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 82%, var(--surface));text-align:left;border-radius:13px;align-items:center;gap:10px;width:100%;padding:10px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:0 6px 18px #121f300b}.sidebar__business>button:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--surface-2);transform:translateY(-1px)}.sidebar__business>button div,.topbar__business-mobile div{flex:1;min-width:0}.sidebar__business strong,.topbar__business-mobile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.sidebar__business small,.topbar__business-mobile small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.business-avatar{color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 1px #fff3}.login__businesses .business-avatar{border-radius:8px;width:28px;height:28px;font-size:9px}.business-menu{z-index:4;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:6px;position:absolute;top:calc(100% - 7px);left:15px;right:15px}.business-menu button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.business-menu button:hover{background:var(--surface-2)}.business-menu button span:nth-child(2){flex:1;font-size:13px;font-weight:600}.sidebar__nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 32%, transparent) transparent;flex:1;padding:14px 12px;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:0 0;margin:8px 0}.sidebar__nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:999px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--primary) 52%, transparent)}.sidebar__nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;margin:3px 0;padding:11px 13px;font-size:13px;font-weight:600;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.sidebar__nav button svg{flex:none;transition:transform .18s}.sidebar__nav button:hover{color:var(--text);border-color:color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--surface-2) 82%, transparent);transform:translate(2px)}.sidebar__nav button:hover svg{transform:scale(1.06)}.sidebar__nav button.is-active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 15%, var(--border));background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 13%, transparent), color-mix(in srgb, var(--primary) 6%, transparent));box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 8%, transparent)}.sidebar__nav button.is-active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;left:-1px}.nav-label--second{margin-top:27px}.sidebar__footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--surface-2));align-items:center;gap:8px;padding:14px 15px;display:flex;position:relative}.user-mini{text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px;display:flex}.user-mini:hover{background:var(--surface-2)}.user-mini div{min-width:0}.user-mini strong,.user-mini small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-mini strong{font-size:12px}.user-mini small{color:var(--muted);margin-top:2px;font-size:10px}.user-mini>svg{color:var(--muted);flex:none}.user-avatar{aspect-ratio:1;color:#fff;background:linear-gradient(145deg, var(--primary), #243b5a);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:10px;font-weight:800;line-height:1;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.user-avatar img{aspect-ratio:1;border-radius:inherit;object-fit:cover;object-position:center;flex:none;width:100%;height:100%;display:block}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:inline-grid}.icon-button:hover{background:var(--surface-2)}.app-main{min-height:100vh;margin-left:260px}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:flex-end;align-items:center;height:73px;padding:0 clamp(20px,3vw,42px);display:flex;position:sticky;top:0}.topbar__actions{align-items:center;gap:9px;display:flex}.topbar-popover{position:relative}.topbar-avatar{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:2px;display:grid;overflow:hidden}.topbar-avatar:hover{background:var(--surface-2)}.topbar-avatar .user-avatar{aspect-ratio:1;width:40px;height:40px;font-size:10px}.mobile-menu,.topbar__business-mobile{display:none}.notification{position:relative}.notification i{border:1px solid var(--surface);background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.install-button{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));height:39px;color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.content{width:min(100%,1500px);margin:0 auto;padding:34px clamp(20px,3vw,42px) 54px}.access-screen{text-align:center;background:var(--bg);place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.access-screen h1{font-size:23px}.access-screen p{max-width:440px;color:var(--muted);font-size:13px;line-height:1.6}.data-alert{color:#b44331;background:#d4553d14;border:1px solid #d4553d38;border-radius:11px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.data-alert span{flex:1}.data-alert button{color:inherit;background:0 0;border:0;padding:3px;font-size:11px;font-weight:800}.data-loading{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header-actions{align-items:center;gap:8px;display:flex}.page-header h1{letter-spacing:-.045em;font-size:clamp(25px,2.3vw,34px)}.page-header p{color:var(--muted);margin-top:8px;font-size:14px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:105px;margin-bottom:28px;display:flex}.dashboard-header h1{letter-spacing:-.045em;font:700 clamp(25px,2.3vw,34px) Manrope}.dashboard-header>div>p{color:var(--muted);margin-top:8px;font-size:14px}.dashboard-meta{min-height:28px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;font-size:10px;display:flex}.connection-badge{border-radius:20px;align-items:center;gap:5px;min-height:24px;padding:4px 8px;font-weight:700;display:inline-flex}.connection-badge.is-online{color:#11844b;background:#1594541c}.connection-badge.is-offline{color:#b45309;background:#d977061f}.realtime-badge{border-radius:20px;align-items:center;gap:5px;min-height:24px;padding:4px 8px;font-weight:700;display:inline-flex}.realtime-badge.is-active{color:#087f5b;background:#087f5b1c}.realtime-badge.is-connecting{color:#2563eb;background:#2563eb1c}.realtime-badge.is-disconnected{color:#b45309;background:#d977061f}.realtime-badge.is-offline{color:#64748b;background:#64748b1f}.realtime-badge.is-demo{color:#7c3aed;background:#7c3aed1c}.dashboard-refresh{border:1px solid var(--border);min-height:28px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-refresh:hover{color:var(--primary);background:var(--surface-2)}.dashboard-refresh:disabled{opacity:.65;cursor:wait}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:15px;align-items:flex-start;gap:13px;padding:20px;display:flex}.stat-card__icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tone-blue{color:#1677ff;background:#eaf3ff}.tone-green{color:#159454;background:#e9f9f0}.tone-orange{color:#d97706;background:#fff6e5}.tone-red{color:#dc4343;background:#fff0f0}:root[data-theme=dark] .tone-blue{background:#1677ff24}:root[data-theme=dark] .tone-green{background:#15945424}:root[data-theme=dark] .tone-orange{background:#d9770624}:root[data-theme=dark] .tone-red{background:#dc434324}.stat-card>div{min-width:0}.stat-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.stat-card strong{letter-spacing:-.035em;margin:5px 0 3px;font-family:Manrope;font-size:24px;display:block}.stat-card small{color:var(--muted);font-size:10px;line-height:1.4;display:block}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.insight-card{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface-2) 62%, var(--surface)));min-width:0;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:11px;padding:14px 15px;display:flex}.insight-card__icon{border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.insight-card>div{min-width:0}.insight-card p{color:var(--muted);font-size:9px;font-weight:700}.insight-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font:700 12px Manrope;display:block;overflow:hidden}.insight-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;line-height:1.4;display:block;overflow:hidden}.security-activity-card{width:100%;color:var(--text);text-align:left;margin-bottom:17px;padding:18px;transition:border-color .18s,transform .18s,box-shadow .18s;display:block}.security-activity-card:hover{border-color:color-mix(in srgb, #dc2626 28%, var(--border));transform:translateY(-1px);box-shadow:0 16px 36px #121f301f}.security-activity-card__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:15px;display:grid}.security-activity-card__head h2{font:700 14px Manrope}.security-activity-card__head p{color:var(--muted);margin-top:3px;font-size:9px}.security-activity-card__icon{color:#b42318;background:#dc26261a;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.security-activity-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.security-activity-metrics>span{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;min-width:0;padding:11px 12px}.security-activity-metrics small,.security-activity-metrics strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.security-activity-metrics small{color:var(--muted);font-size:8px;font-weight:700}.security-activity-metrics strong{margin-top:5px;font:700 13px Manrope}.security-activity-latest{border-top:1px solid var(--border);margin-top:13px;padding-top:13px}.security-activity-latest>strong{margin-bottom:8px;font-size:9px;display:block}.security-activity-latest>span{min-height:28px;color:var(--muted);grid-template-columns:auto minmax(120px,.5fr) minmax(0,1fr);align-items:center;gap:7px;font-size:8px;display:grid}.security-activity-latest>span i{background:#dc2626;border-radius:50%;width:7px;height:7px}.security-activity-latest>span i.is-blocked_route{background:#f59e0b}.security-activity-latest>span i.is-blocked_action{background:#7c3aed}.security-activity-latest>span b{color:var(--text);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.security-activity-latest>span small{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.security-activity-latest>p,.security-activity-card__state{color:var(--muted);font-size:9px}.security-activity-card__state{justify-content:center;align-items:center;gap:8px;min-height:80px;display:flex}.security-activity-card__state.is-error{color:#b42318}.visual-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:17px;margin-bottom:17px;display:grid}.chart-card{min-width:0;overflow:hidden}.donut-layout{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:27px;min-height:280px;padding:24px;display:grid}.donut-chart{aspect-ratio:1;width:160px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.donut-chart:after{content:"";aspect-ratio:1;background:var(--surface);width:58%;box-shadow:0 0 0 1px var(--border), 0 8px 25px #14213414;border-radius:50%;position:absolute}.donut-chart>span{z-index:1;text-align:center;position:relative}.donut-chart strong,.donut-chart small{display:block}.donut-chart strong{letter-spacing:-.04em;font:800 24px Manrope}.donut-chart small{color:var(--muted);margin-top:1px;font-size:9px}.donut-legend{gap:9px;min-width:0;display:grid}.donut-legend>div{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.donut-legend i{border-radius:50%;width:8px;height:8px}.donut-legend span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.donut-legend strong{font-size:10px}.donut-legend>small{color:var(--muted);font-size:8px}.chart-key{color:var(--muted);align-items:center;gap:10px;font-size:8px;font-weight:700;display:flex}.chart-key span{align-items:center;gap:5px;display:flex}.chart-key i{border-radius:3px;width:7px;height:7px}.chart-key .is-in,.bar.is-in{background:linear-gradient(#38c982,#159454)}.chart-key .is-out,.bar.is-out{background:linear-gradient(#f5a524,#d97706)}.bar-chart{background:repeating-linear-gradient(to top, transparent 0, transparent 54px, color-mix(in srgb, var(--border) 55%, transparent) 55px);grid-template-columns:repeat(7,minmax(30px,1fr));align-items:end;gap:clamp(7px,1.3vw,14px);min-height:280px;padding:26px 24px 18px;display:grid}.bar-group{grid-template-rows:210px 18px;align-items:end;gap:8px;min-width:0;display:grid}.bar-group__values{justify-content:center;align-items:end;gap:4px;height:100%;display:flex}.bar{border-radius:5px 5px 2px 2px;width:min(14px,38%);min-height:0;transition:filter .18s,transform .18s}.bar:hover{filter:brightness(1.08);transform:scaleX(1.08)}.bar-group>small{color:var(--muted);text-align:center;text-transform:uppercase;font-size:8px;font-weight:700}.chart-empty{min-height:280px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;padding:24px;display:grid}.chart-empty>svg{color:var(--primary)}.chart-empty strong{color:var(--text);font-size:12px}.chart-empty p{max-width:280px;font-size:9px;line-height:1.5}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:17px;display:grid}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.card__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px 20px;display:flex}.card__head h2{letter-spacing:-.02em;font-size:15px}.card__head p{color:var(--muted);margin-top:4px;font-size:11px}.text-button{color:var(--primary);background:0 0;border:0;padding:4px;font-size:11px;font-weight:700}.count-badge{min-width:27px;height:27px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.movement-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:72px;padding:13px 20px;display:flex}.movement-row:last-child{border-bottom:0}.movement-icon,.item-symbol{width:36px;height:36px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.movement-icon.type-in{color:#159454;background:#1594541a}.movement-icon.type-out{color:#d97706;background:#d977061a}.movement-icon.type-opname{color:#7c3aed;background:#7c3aed1a}.movement-main{flex:1;min-width:0}.movement-main strong,.movement-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.movement-main strong{font-size:12px}.movement-main small{color:var(--muted);margin-top:4px;font-size:10px}.movement-main p{color:var(--muted);margin-top:6px;font-size:11px}.movement-meta{text-align:right}.movement-meta strong,.movement-meta small{white-space:nowrap;display:block}.movement-meta strong{font-size:11px}.movement-meta small{color:var(--muted);margin-top:5px;font-size:9px}.positive{color:#159454}.negative{color:#d4553d}.low-stock-list>div{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:74px;padding:12px 18px;display:flex}.low-stock-list>div:last-child{border-bottom:0}.low-stock-list>div>div:nth-child(2){flex:1;min-width:0}.low-stock-list strong,.low-stock-list small{display:block}.low-stock-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.low-stock-copy small{color:var(--muted);white-space:normal;overflow-wrap:anywhere;margin-top:4px;font-size:9px;line-height:1.45}.stock-value{text-align:right}.stock-value strong{color:#d4553d;font-size:13px}.low-stock-actions{justify-items:end;gap:5px;display:grid}.low-stock-actions>button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;padding:3px 0;font-size:8px;font-weight:800;display:inline-flex}.inventory-value{justify-content:space-between;align-items:center;gap:24px;margin-top:17px;padding:18px 20px;display:flex}.inventory-value>div{align-items:center;gap:13px;display:flex}.item-symbol--large{width:44px;height:44px}.inventory-value p{color:var(--muted);font-size:11px}.inventory-value strong{margin-top:3px;font:700 20px Manrope;display:block}.inventory-value>p{text-align:right;max-width:300px;line-height:1.5}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.system-card{border:1px solid var(--border);background:var(--surface);min-height:150px;box-shadow:var(--shadow);border-radius:15px;align-items:flex-start;gap:13px;padding:20px;display:flex}.system-card__indicator{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.system-card__indicator.is-ok{color:#159454;background:#1594541c}.system-card__indicator.is-neutral{color:#d97706;background:#d977061c}.system-card p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.system-card strong{letter-spacing:-.025em;margin-top:9px;font:700 17px Manrope;display:block}.system-card small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.5;display:block}.status-note{align-items:center;gap:13px;margin-top:16px;padding:18px 20px;display:flex}.status-note>svg{color:var(--primary);flex:none}.status-note strong{font-size:12px}.status-note p{color:var(--muted);margin-top:3px;font-size:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.settings-card{overflow:hidden}.settings-card__head{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:64px;padding:15px 18px;display:flex}.settings-card__head>span{width:35px;height:35px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:10px;place-items:center;display:grid}.settings-card__head h2{font-size:14px}.settings-card dl{margin:0;padding:5px 18px}.settings-card dl>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:48px;display:flex}.settings-card dl>div:last-child{border-bottom:0}.settings-card dt{color:var(--muted);font-size:11px}.settings-card dd{text-align:right;margin:0;font-size:11px;font-weight:800}.permission-card{margin-top:15px;overflow:hidden}.permission-role-summary{border-bottom:1px solid var(--border);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px 18px;display:grid}.permission-role-summary article{border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:10px;min-width:0;padding:12px;display:grid}.permission-role-summary strong,.permission-role-summary small{display:block}.permission-role-summary strong{font-size:11px}.permission-role-summary small{color:var(--muted);margin-top:3px;font-size:8px}.permission-role-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.permission-badge{white-space:nowrap;border-radius:20px;align-items:center;min-height:21px;padding:3px 7px;font-size:7px;font-weight:800;display:inline-flex}.permission-badge.is-active{color:#11844b;background:#1594541c}.permission-badge.is-limited{color:#b45309;background:#d977061f}.permission-badge.is-locked{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.permission-table-wrap{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 30%, transparent) transparent;overflow-x:auto}.permission-table-wrap::-webkit-scrollbar{height:6px}.permission-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:999px}.permission-table{min-width:660px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center;width:105px}.permission-table td:first-child{font-weight:700}.permission-table td:first-child strong,.permission-table td:first-child small{display:block}.permission-table td:first-child small{color:var(--muted);margin-top:3px;font:500 8px ui-monospace,SFMono-Regular,Consolas,monospace}.permission-group-row td{color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--surface-2));letter-spacing:.06em;text-transform:uppercase;padding-block:9px;font-size:9px;font-weight:800!important}.permission-state{border-radius:8px;place-items:center;width:27px;height:27px;display:inline-grid}.permission-state.is-allowed{color:#159454;background:#1594541c}.permission-state.is-denied{color:var(--muted);background:var(--surface-2)}.permission-state.is-locked{box-shadow:inset 0 0 0 1px #15945447}.permission-note{border-top:1px solid var(--border);color:var(--primary);background:var(--surface-2);align-items:center;gap:9px;padding:13px 18px;display:flex}.permission-note svg{flex:none}.permission-note p{color:var(--muted);font-size:9px;line-height:1.5}.theme-setting{justify-content:space-between;align-items:center;gap:18px;min-height:165px;padding:18px;display:flex}.theme-setting strong{font-size:13px}.theme-setting p{color:var(--muted);margin-top:4px;font-size:10px}.theme-switch{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:5px;padding:4px;display:flex}.theme-switch button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.theme-switch button.is-active{color:var(--primary);background:var(--surface);box-shadow:0 3px 12px #121f3014}.about-card,.user-access-note,.coming-soon-note{align-items:center;gap:13px;margin-top:15px;padding:18px 20px;display:flex}.about-card>span{color:#fff;background:var(--primary);border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.about-card strong,.user-access-note strong,.coming-soon-note strong{font-size:12px}.about-card p,.user-access-note p,.coming-soon-note p{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.55}.user-access-note{margin-top:0;margin-bottom:15px}.user-access-note>svg,.coming-soon-note>svg{color:var(--primary);flex:none}.user-loading{justify-content:center;min-height:180px;margin:0}.managed-user{align-items:center;gap:10px;min-width:210px;display:flex}.managed-user>div{min-width:0}.managed-user strong,.managed-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.managed-user strong{font-size:11px}.managed-user small{color:var(--muted);margin-top:3px;font-size:9px}.user-credential{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:10px;display:block;overflow:hidden}.role-badge{min-height:24px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:20px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.is-neutral{color:var(--muted);background:var(--surface-2)}.access-list strong,.access-list small{display:block}.access-list strong{font-size:10px}.access-list small{max-width:390px;color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.business-access-tags{flex-wrap:wrap;gap:5px;display:flex}.business-access-tags span{border:1px solid var(--border);min-height:25px;color:var(--muted);border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;display:inline-flex}.business-access-tags b{color:var(--text);font-size:8px}.access-state{text-align:center;place-content:center;justify-items:center;gap:9px;min-height:260px;padding:30px;display:grid}.access-state>span{width:49px;height:49px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:50%;place-items:center;display:grid}.access-state>strong{font-size:13px}.access-state>p{max-width:430px;color:var(--muted);font-size:11px;line-height:1.6}.access-state>.button{margin-top:5px}.report-tabs{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 28%, transparent) transparent;gap:7px;margin-bottom:13px;padding:3px 1px 7px;display:flex;overflow-x:auto}.report-tabs::-webkit-scrollbar{height:5px}.report-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent);border-radius:999px}.report-tabs button{border:1px solid var(--border);min-height:38px;color:var(--muted);background:var(--surface);border-radius:10px;flex:none;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:800;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.report-tabs button:hover{color:var(--text);background:var(--surface-2)}.report-tabs button.is-active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 22%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.audit-quick-filters{scrollbar-width:thin;gap:7px;margin-bottom:13px;padding-bottom:4px;display:flex;overflow-x:auto}.audit-quick-filters button{border:1px solid var(--border);min-height:32px;color:var(--muted);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:8px;font-weight:800;display:inline-flex}.audit-quick-filters button:hover,.audit-quick-filters button.is-active{color:#b42318;background:#dc262614;border-color:#dc262640}.audit-quick-filters button.is-reset{color:var(--muted);background:var(--surface-2)}.report-export-actions{align-items:center;gap:8px;display:flex}.inline-alert{border:1px solid var(--border);border-radius:10px;margin:-14px 0 18px;padding:10px 12px;font-size:10px;font-weight:700}.inline-alert--error{color:#b42318;background:#dc262612;border-color:#dc262633}.inline-alert--success{color:#087f5b;background:#087f5b14;border-color:#087f5b33}.report-filter-card{margin-bottom:13px}.report-filters{grid-template-columns:1.2fr repeat(4,minmax(130px,1fr));gap:12px;padding:17px;display:grid}.report-filters label>span{font-size:10px}.report-filters input,.report-filters select{min-height:41px;padding:9px 10px;font-size:10px}.report-filters select:disabled{cursor:default;opacity:1;color:var(--text);background:var(--surface-2)}.report-search-filter>div{position:relative}.report-search-filter svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.report-search-filter input{width:100%;padding-left:34px}.report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px;display:grid}.report-summary article{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:13px;padding:14px 16px}.report-summary span,.report-summary strong{display:block}.report-summary span{color:var(--muted);font-size:9px;font-weight:700}.report-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font:700 15px Manrope;overflow:hidden}.report-table-card{min-height:270px}.report-loading{min-height:270px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.movement-type-badge{border-radius:20px;align-items:center;min-height:24px;padding:4px 8px;font-size:8px;font-weight:800;display:inline-flex}.movement-type-badge.type-in{color:#11844b;background:#1594541c}.movement-type-badge.type-out{color:#b45309;background:#d977061f}.movement-type-badge.type-opname{color:#6d28d9;background:#7c3aed1c}.audit-table th:first-child{width:116px}.audit-table th:nth-child(2),.audit-table th:nth-child(3){width:130px}.audit-table th:nth-child(4){width:170px}.audit-action-badge,.audit-entity-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;max-width:150px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex;overflow:hidden}.audit-action-badge{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.audit-entity-badge{color:#6d28d9;background:#7c3aed1a}.audit-action-badge.is-security,.audit-entity-badge.is-security{color:#b42318;background:#dc26261a;gap:4px}.audit-security-title{color:#b42318;align-items:center;gap:5px;display:flex!important}.audit-actor{align-items:center;gap:7px;min-width:0;display:inline-flex}.audit-actor>span{width:25px;height:25px;color:var(--muted);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;display:grid}.audit-actor strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.audit-description{max-width:420px;color:var(--muted);line-height:1.55}.report-mobile-cards{padding:12px}.report-mobile-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px;display:grid}.report-mobile-card>div:first-child{min-width:0}.report-mobile-card>div:first-child strong,.report-mobile-card>div:first-child small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.report-mobile-card>div:first-child strong{font-size:11px}.report-mobile-card>div:first-child small{color:var(--muted);margin-top:4px;font-size:8px}.report-mobile-card dl{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding-top:10px;display:grid}.report-mobile-card dl div{min-width:0}.report-mobile-card dt{color:var(--muted);font-size:8px}.report-mobile-card dd{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;font-weight:800;overflow:hidden}.report-mobile-card>p{color:var(--muted);grid-column:1/-1;font-size:9px;line-height:1.5}.report-mobile-card>span:not(.status-badge):not(.movement-type-badge){color:var(--muted);font-size:8px}.purchase-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px;display:grid}.purchase-summary article{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:13px;padding:14px 16px}.purchase-summary span,.purchase-summary strong{display:block}.purchase-summary span{color:var(--muted);font-size:9px;font-weight:700}.purchase-summary strong{margin-top:5px;font:800 18px Manrope}.purchase-local-note{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.purchase-local-note svg{color:var(--primary)}.purchase-tools{flex-wrap:wrap}.purchase-tools>input[type=date]{border:1px solid var(--border);width:150px;min-height:42px;color:var(--text);background:var(--surface);border-radius:10px;padding:0 12px}.purchase-status.is-submitted{color:#1d4ed8;background:#2563eb1c}.purchase-status.is-completed{color:#6d28d9;background:#7c3aed1c}.purchase-form-lines{gap:10px;min-width:0;display:grid;overflow-x:hidden}.purchase-form-lines__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.purchase-form-lines__head strong{font-size:12px}.purchase-form-lines__head small{color:var(--muted);font-size:9px}.purchase-form-line{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;grid-template-columns:minmax(160px,1.25fr) minmax(100px,.65fr) minmax(78px,.45fr) minmax(130px,.9fr) minmax(92px,auto);align-items:end;gap:10px;min-width:0;padding:12px;display:grid}.purchase-form-line label,.purchase-form-line input,.purchase-form-line select{min-width:0}.purchase-form-line .button{white-space:nowrap;min-height:42px}.purchase-mobile-cards{padding:12px}.purchase-mobile-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.purchase-mobile-card>div:first-child{min-width:0}.purchase-mobile-card>div:first-child strong,.purchase-mobile-card>div:first-child small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.purchase-mobile-card>div:first-child strong{font-size:11px}.purchase-mobile-card>div:first-child small{color:var(--muted);margin-top:3px;font-size:9px}.purchase-mobile-card dl{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding-top:9px;display:grid}.purchase-mobile-card dt{color:var(--muted);font-size:8px}.purchase-mobile-card dd{margin:3px 0 0;font-size:9px;font-weight:800}.purchase-mobile-card>button{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);border:0;border-radius:8px;grid-column:1/-1;padding:8px;font-size:9px;font-weight:800}.field-note{color:var(--muted);margin-top:6px;font-size:9px;display:block}.purchase-detail{gap:17px;padding:22px;display:grid}.purchase-detail__status{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.purchase-detail__status>svg{color:var(--primary)}.purchase-detail__status>div{flex:1;min-width:0}.purchase-detail__status strong,.purchase-detail__status small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.purchase-detail__status strong{font-size:12px}.purchase-detail__status small{color:var(--muted);margin-top:3px;font-size:9px}.purchase-detail dl{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:0 18px;margin:0;display:grid}.purchase-detail dl>div{border-bottom:1px solid var(--border);min-width:0;padding:11px 0}.purchase-detail dt{color:var(--muted);font-size:8px}.purchase-detail dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:10px;font-weight:700;line-height:1.5}.purchase-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.purchase-timeline span{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:4px;min-width:0;padding:10px;display:grid}.purchase-timeline svg{color:var(--primary)}.purchase-timeline strong{font-size:9px}.purchase-timeline small{color:var(--muted);overflow-wrap:anywhere;font-size:8px;line-height:1.4}.purchase-detail-table table{min-width:520px}.purchase-detail-items{padding:0}.purchase-detail-items article{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:4px;padding:11px;display:grid}.purchase-detail-items strong{font-size:11px}.purchase-detail-items small{color:var(--primary);font-size:9px;font-weight:800}.purchase-detail-items p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.purchase-detail__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.purchase-dashboard-widget{margin-bottom:17px}.purchase-widget-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 18px 16px;display:grid}.purchase-widget-grid button{border:1px solid var(--border);min-width:0;min-height:92px;color:var(--text);text-align:left;background:var(--surface-2);cursor:pointer;border-radius:13px;gap:5px;padding:13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.purchase-widget-grid button:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary) 5%, var(--surface));transform:translateY(-1px)}.purchase-widget-grid span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.purchase-widget-grid strong{font:900 22px Manrope}.purchase-widget-grid small{color:var(--primary);font-size:8px;font-weight:800}.purchase-widget-grid .is-priority{background:#f59e0b14;border-color:#f59e0b59}.purchase-widget-grid .is-ready{background:#15945414;border-color:#15945459}.purchase-widget-actions{flex-wrap:wrap;gap:8px;padding:0 18px 18px;display:flex}.audit-mobile-card .audit-actor{border-top:1px solid var(--border);grid-column:1/-1;padding-top:9px}.audit-mobile-card .audit-actor strong{color:var(--text)}.user-mobile-cards{padding:12px}.user-mobile-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;padding:14px;display:grid}.user-mobile-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-reset-button{border:1px solid var(--border);color:var(--primary);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.user-reset-button:hover{background:var(--surface-2)}.user-access-button{border:1px solid var(--border);color:var(--text);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.user-access-button:hover{color:var(--primary);background:var(--surface-2)}.user-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-mobile-card>.user-row-actions{justify-self:start}.user-status-button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.user-status-button.is-activate{color:#11844b}.user-status-button.is-deactivate{color:#b42318}.user-status-button:hover{background:var(--surface-2)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skeleton-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:105px;margin-bottom:28px;display:flex}.skeleton-header>div{width:min(100%,560px)}.skeleton-line,.skeleton-block,.skeleton-button,.skeleton-panel{background:linear-gradient(100deg, var(--surface-2) 30%, color-mix(in srgb, var(--border) 65%, var(--surface)) 50%, var(--surface-2) 70%);background-size:240% 100%;animation:1.45s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line{border-radius:7px;height:10px}.skeleton-line--eyebrow{width:86px;height:8px;margin-bottom:13px}.skeleton-line--title{width:min(72%,390px);height:32px}.skeleton-line--subtitle{width:min(88%,470px);margin-top:12px}.skeleton-line--meta{width:min(62%,340px);height:24px;margin-top:13px}.skeleton-button{border-radius:10px;width:145px;height:42px}.skeleton-card{min-height:129px}.skeleton-card .skeleton-block{border-radius:12px;flex:none;width:42px;height:42px}.skeleton-card>div{width:100%}.skeleton-line--label{width:68%}.skeleton-line--value{width:42%;height:24px;margin-top:8px}.skeleton-line--note{width:78%;height:8px;margin-top:7px}.skeleton-panel{min-height:430px}.skeleton-chart{min-height:357px}.skeleton-insight .skeleton-block{border-radius:11px;flex:none;width:36px;height:36px}.skeleton-insight>div{width:100%}@keyframes skeleton-shimmer{to{background-position-x:-240%}}.table-card{overflow:hidden}.inline-error{color:#b44331;background:#d4553d12;border-bottom:1px solid #d4553d2e;padding:11px 18px;font-size:11px}.inline-success{color:#11844b;background:#15945414;border:1px solid #1594542e;border-radius:12px;margin-bottom:12px;padding:11px 18px;font-size:11px}.table-loading{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.table-tools{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 18px;display:flex}.search-box{border:1px solid var(--border);min-width:240px;max-width:430px;color:var(--muted);background:var(--surface);border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;min-height:42px;padding:0}.table-tools>select{width:190px;min-height:42px;padding:0 12px}table{border-collapse:collapse;width:100%}th{color:var(--muted);background:var(--surface-2);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:12px 18px;font-size:10px}td{border-top:1px solid var(--border);padding:13px 18px;font-size:11px}tbody tr:hover{background:color-mix(in srgb, var(--primary) 2.5%, var(--surface))}.table-item{align-items:center;gap:10px;min-width:220px;display:flex}.table-item strong,.table-item small{display:block}.table-item strong{font-size:11px}.table-item small{color:var(--muted);margin-top:3px;font-size:9px}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;min-height:24px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-badge.is-safe{color:#11844b;background:#1594541c}.status-badge.is-low{color:#c34934;background:#d4553d1c}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:var(--surface);border-radius:8px;place-items:center;display:grid}.row-actions button:hover{color:var(--primary);background:var(--surface-2)}.item-detail{gap:18px;padding:22px;display:grid}.item-detail__identity{align-items:center;gap:12px;display:flex}.item-detail__identity>div{flex:1;min-width:0}.item-detail__identity strong,.item-detail__identity p{display:block}.item-detail__identity>div>strong{font-size:15px}.item-detail__identity p{color:var(--muted);margin-top:4px;font-size:10px}.code-foundation-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.code-foundation-grid article{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-content:start;gap:8px;min-width:0;padding:14px;display:grid}.code-foundation-grid article>span{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.code-foundation-grid article>strong{overflow-wrap:anywhere;font:800 13px Manrope}.code-foundation-grid article>small{color:var(--muted);font-size:8px;line-height:1.5}.code-foundation-grid__qr{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center}.code-foundation-grid__qr>span,.code-foundation-grid__qr>small{grid-column:1/-1}.code-foundation-grid__qr code{color:var(--muted);overflow-wrap:anywhere;font-size:8px;line-height:1.5;overflow:hidden}.barcode-preview{width:100%;height:42px;box-shadow:0 0 0 1px var(--border);background:repeating-linear-gradient(90deg,#111 0 2px,#0000 2px 4px,#111 4px 5px,#0000 5px 8px,#111 8px 11px,#0000 11px 13px);border:7px solid #fff;border-radius:5px}.qr-placeholder{border:1px dashed color-mix(in srgb, var(--primary) 35%, var(--border));width:70px;height:70px;color:var(--primary);background:var(--surface);border-radius:10px;flex:none;place-items:center;display:grid}.label-preview-wrap{gap:16px;padding:22px;display:grid}.label-preview-wrap>p{color:var(--muted);text-align:center;font-size:10px;line-height:1.6}.label-preview{color:#172033;background:#fff;border:1px solid #d8dee8;border-radius:14px;width:min(100%,430px);margin:0 auto;overflow:hidden;box-shadow:0 16px 45px #121f301f}.label-preview__brand{color:#fff;background:#0b6bcb;align-items:center;gap:8px;padding:10px 13px;display:flex}.label-preview__brand span{background:#ffffff29;border-radius:8px;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.label-preview__brand strong{font:800 11px Manrope}.label-preview__body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.label-preview__body small{color:#718096;font-size:8px}.label-preview__body h3{margin:5px 0 10px;font:800 18px/1.25 Manrope}.label-preview__body>div>strong{color:#0b6bcb;letter-spacing:.06em;font:800 13px Manrope}.label-preview__payload{overflow-wrap:anywhere;color:#718096;padding:0 20px 13px;font-size:6px;line-height:1.4;display:block}.qr-placeholder--label{color:#172033;border-color:#cbd5e1;gap:1px;width:82px;height:82px}.qr-placeholder--label small{color:#718096;letter-spacing:.12em;font-size:7px;font-weight:800}.label-preview__footer{color:#718096;background:#f8fafc;border-top:1px solid #e5eaf1;justify-content:space-between;gap:12px;padding:9px 13px;font-size:8px;display:flex}.modal:has(.barcode-label-manager){width:min(100%,980px)}.barcode-label-manager{gap:16px;padding:20px;display:grid}.barcode-label-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.barcode-label-controls label,.barcode-label-custom-size label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:9px;font-weight:800;display:grid}.barcode-label-controls select,.barcode-label-custom-size input{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);border-radius:10px;padding:0 12px}.barcode-label-custom-size{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.barcode-label-selector,.barcode-label-copy-list{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;gap:8px;max-height:260px;padding:12px;display:grid;overflow:auto}.barcode-label-selector__head{color:var(--muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.barcode-label-selector label{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto minmax(0,1fr) 72px;align-items:center;gap:10px;padding:9px 10px;display:grid}.barcode-label-selector span{min-width:0}.barcode-label-selector strong,.barcode-label-selector small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.barcode-label-selector strong{font-size:11px}.barcode-label-selector small{color:var(--muted);margin-top:2px;font-size:8px}.barcode-label-selector input[type=number],.barcode-label-copy-list input{border:1px solid var(--border);width:72px;min-height:34px;color:var(--text);background:var(--surface);border-radius:9px;padding:0 8px}.barcode-label-copy-list>strong{color:var(--muted);font-size:10px}.barcode-label-copy-list label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:10px;display:grid}.barcode-label-copy-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barcode-label-preview-shell{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;gap:12px;padding:14px;display:grid}.barcode-label-preview-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.barcode-label-sheet{border:1px dashed color-mix(in srgb, var(--primary) 24%, var(--border));background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:440px;padding:12px;display:flex;overflow:auto}.barcode-label-sheet.is-roll{justify-content:center}.barcode-label-card{width:var(--label-width);height:var(--label-height);min-width:var(--label-width);min-height:var(--label-height);color:#111827;page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:.3mm solid #d7dee8;border-radius:2mm;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.barcode-label-card header{color:#fff;background:#0b6bcb;justify-content:space-between;align-items:center;gap:2mm;padding:1.7mm 2.2mm;display:flex}.barcode-label-card header strong{font:800 7.5pt Manrope,Arial,sans-serif}.barcode-label-card header span{text-overflow:ellipsis;white-space:nowrap;max-width:15mm;font:800 5.8pt Manrope,Arial,sans-serif;overflow:hidden}.barcode-label-card__main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2mm;min-height:0;padding:2mm 2.2mm;display:grid}.barcode-label-card__main>div{min-width:0}.barcode-label-card small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font:600 4.9pt Manrope,Arial,sans-serif;display:block;overflow:hidden}.barcode-label-card h3{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:.7mm 0 .8mm;font:900 8.2pt/1.05 Manrope,Arial,sans-serif;overflow:hidden}.barcode-label-card b{color:#0b6bcb;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font:900 6.4pt Manrope,Arial,sans-serif;display:block;overflow:hidden}.barcode-label-card code{color:#334155;text-overflow:ellipsis;white-space:nowrap;margin-top:.5mm;font:700 4.7pt Consolas,monospace;display:block;overflow:hidden}.production-barcode{background:#fff;border:.25mm solid #e2e8f0;align-items:stretch;gap:.22mm;max-width:34mm;height:6.2mm;margin-top:1mm;padding:.5mm;display:flex}.production-barcode i{background:#111827;display:block}.production-qr{background:#fff;border:.25mm solid #cbd5e1;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);gap:.08mm;width:15mm;height:15mm;padding:.7mm;display:grid}.production-qr i{background:#fff}.production-qr i.is-filled{background:#111827}.barcode-label-card footer{color:#475569;background:#f8fafc;border-top:.25mm solid #e2e8f0;justify-content:space-between;align-items:center;gap:1.5mm;padding:1.1mm 2.2mm;font:700 4.8pt Manrope,Arial,sans-serif;display:flex}.barcode-label-card footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.permission-read-only{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.scan-page-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:17px;display:grid}.scan-panel,.scan-result-panel{min-width:0;padding:17px}.scan-panel>.card__head,.scan-result-panel>.card__head{padding:0 0 14px}.camera-scanner{gap:11px;display:grid}.camera-scanner__viewport{border:1px solid var(--border);background:#08111f;border-radius:15px;min-height:300px;position:relative;overflow:hidden}.camera-scanner__viewport video{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.camera-scanner__frame{z-index:2;pointer-events:none;border:2px solid #ffffffe6;border-radius:15px;position:absolute;inset:18% 11%;box-shadow:0 0 0 999px #03081247}.camera-scanner__frame:before,.camera-scanner__frame:after{content:"";background:#22c55e;height:2px;position:absolute;left:8%;right:8%;box-shadow:0 0 12px #22c55ecc}.camera-scanner__frame:before{top:50%}.camera-scanner__frame:after{display:none}.camera-scanner__placeholder{z-index:1;color:#dbeafe;text-align:center;background:radial-gradient(circle,#1677ff33,#0000 58%);place-content:center;justify-items:center;gap:7px;padding:30px;display:grid;position:absolute;inset:0}.camera-scanner__placeholder strong{font-size:12px}.camera-scanner__placeholder p{color:#9fb0c8;max-width:320px;font-size:9px;line-height:1.55}.camera-scanner__message{color:#b45309;background:#d977061c;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 11px;font-size:9px;line-height:1.5;display:flex}.camera-scanner__message svg{flex:none}.camera-scanner__button{justify-content:center;width:100%;min-height:46px}.scan-manual-separator{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;margin:15px 0 11px;font-size:8px;display:flex}.scan-manual-separator:before,.scan-manual-separator:after{content:"";background:var(--border);flex:1;height:1px}.scan-not-found{color:#b42318;background:#dc262612;border:1px solid #dc26262e;border-radius:11px;align-items:flex-start;gap:10px;margin-top:13px;padding:12px;display:flex}.scan-not-found strong,.scan-not-found p{display:block}.scan-not-found strong{font-size:10px}.scan-not-found p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.scan-item-result{gap:15px;display:grid}.scan-item-result__identity{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.scan-item-result__identity>div{min-width:0}.scan-item-result__identity small,.scan-item-result__identity h3,.scan-item-result__identity p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scan-item-result__identity small,.scan-item-result__identity p{color:var(--muted);font-size:8px}.scan-item-result__identity h3{margin:4px 0;font:700 14px Manrope}.scan-item-result__stock{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scan-item-result__stock span{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-width:0;padding:11px}.scan-item-result__stock small,.scan-item-result__stock strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scan-item-result__stock small{color:var(--muted);font-size:8px}.scan-item-result__stock strong{margin-top:5px;font-size:10px}.scan-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scan-quick-actions button{border:1px solid var(--border);min-height:48px;color:var(--text);background:var(--surface);border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.scan-quick-actions button:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.quick-stock-item{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.quick-stock-item strong,.quick-stock-item small{display:block}.quick-stock-item strong{font-size:11px}.quick-stock-item small{color:var(--muted);margin-top:3px;font-size:9px}.scanner-foundation{gap:16px;padding:22px;display:grid}.scanner-camera-placeholder{border:1px dashed color-mix(in srgb, var(--primary) 28%, var(--border));color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.scanner-camera-placeholder>div{min-width:0}.scanner-camera-placeholder strong,.scanner-camera-placeholder p{display:block}.scanner-camera-placeholder strong{color:var(--text);font-size:11px}.scanner-camera-placeholder p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.scanner-manual-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.scanner-manual-form label>div,.transaction-code__input{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:11px;align-items:center;gap:8px;padding-left:12px;display:flex}.scanner-manual-form input,.transaction-code__input input{border:0;outline:0;min-width:0;padding-left:0}.scanner-result{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));width:100%;color:var(--text);background:color-mix(in srgb, var(--primary) 6%, var(--surface));text-align:left;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.scanner-result>div{flex:1;min-width:0}.scanner-result strong,.scanner-result small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scanner-result strong{font-size:11px}.scanner-result small,.scanner-result>span:last-child{color:var(--muted);margin-top:3px;font-size:9px}.scanner-empty{min-height:125px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;padding:18px;display:grid}.scanner-empty strong{color:var(--text);font-size:11px}.scanner-empty p{font-size:9px}.transaction-code{justify-items:start;gap:10px;display:grid}.transaction-code__panel{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:11px;width:100%;padding:13px;display:grid}.transaction-code__camera{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.transaction-code__input button{border:0;border-left:1px solid var(--border);color:var(--primary);background:0 0;align-self:stretch;padding:0 12px;font-size:9px;font-weight:800}.transaction-code__input button:disabled{color:var(--muted);cursor:not-allowed}.transaction-code__panel>p{font-size:9px;font-weight:700}.transaction-code__panel>p.is-success{color:#11844b}.transaction-code__panel>p.is-error{color:#b42318}.mobile-cards{display:none}.empty-state{text-align:center;place-items:center;gap:7px;min-height:250px;border:0!important;padding:30px!important;display:grid!important}.empty-state>span{color:#159454;background:#1594541a;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.empty-state strong{font-size:13px!important}.empty-state p{color:var(--muted);font-size:11px}.empty-state--compact{min-height:210px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050d1991;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);border-radius:17px;width:min(100%,590px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 90px #00000040}.modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal__head h2{font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:22px;display:grid}.span-2{grid-column:span 2}.modal-actions{justify-content:flex-end;gap:9px;padding-top:6px;display:flex}.profile-editor-head{align-items:center;gap:13px;padding:21px 22px 0;display:flex}.profile-editor-head .user-avatar{aspect-ratio:1;border-radius:999px;width:72px;height:72px;font-size:18px}.profile-editor-head strong,.profile-editor-head p{display:block}.profile-editor-head strong{font-size:15px}.profile-editor-head p{color:var(--muted);margin-top:4px;font-size:10px}.profile-form__fields{padding-top:18px}.profile-form label>small{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.5;display:block}.avatar-url-field{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.avatar-url-field:focus-within{border-color:var(--primary)}.avatar-url-field input{border:0;outline:0;min-height:44px;padding:0}.avatar-upload-field{border:1px dashed var(--border);background:var(--surface-2);border-radius:11px;gap:8px;padding:12px;display:grid}.avatar-upload-field input{background:0 0;border:0;min-height:0;padding:0}.avatar-upload-field small,.avatar-upload-notice{color:var(--muted);font-size:9px;line-height:1.5}.avatar-upload-notice{color:var(--primary);margin-top:7px;display:block}.avatar-field-meta{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;display:flex}.avatar-field-meta small{margin:0!important}.avatar-field-meta button{color:var(--primary);background:0 0;border:0;flex:none;padding:0;font-size:9px;font-weight:800}.avatar-field-meta button:disabled{color:var(--muted);cursor:default}.foundation-message{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, transparent);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.foundation-message svg{flex:none}.foundation-message p{color:var(--muted);font-size:10px;line-height:1.55}.save-status{border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.save-status svg{flex:none}.save-status.is-saving{color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent)}.save-status.is-success{color:#11844b;background:#1594541c}.save-status.is-error{color:#b42318;background:#d4553d1c}.business-choice{border:0;min-width:0;padding:0}.business-choice>span{color:var(--text);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.business-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.business-choice label{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.business-choice label:has(input:checked){border-color:color-mix(in srgb, var(--primary) 48%, var(--border));color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.business-choice input{width:15px;height:15px;accent-color:var(--primary);flex:none}.business-choice label span{min-width:0;font-size:10px;font-weight:700;line-height:1.35}.business-choice>small{color:var(--muted);margin-top:7px;font-size:9px;display:block}.password-generator{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.password-generator .button{min-height:42px;padding-inline:13px}.password-generator+small{color:var(--muted);margin-top:7px;font-size:9px;display:block}.staff-reset-identity{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.staff-status-confirmation>span{border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.staff-status-confirmation>span.is-activate{color:#11844b;background:#1594541c}.staff-status-confirmation>span.is-deactivate{color:#b42318;background:#d4553d1c}.staff-status-confirmation .managed-user{min-width:0}.staff-status-confirmation .save-status{width:100%}.app-toast{z-index:80;border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:9px;max-width:min(380px,100vw - 32px);padding:12px 15px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #121f3033}.app-toast.is-success{color:#11844b;border-color:#15945440}.app-toast.is-error{color:#c13d3d;border-color:#c13d3d47}.staff-creation-result{background:#15945412;border:1px solid #15945433;border-radius:12px;padding:15px}.staff-creation-result>div{color:#11844b;align-items:center;gap:10px;display:flex}.staff-creation-result>div>div{min-width:0}.staff-creation-result strong,.staff-creation-result small{display:block}.staff-creation-result strong{font-size:12px}.staff-creation-result small{color:var(--muted);margin-top:3px;font-size:9px}.staff-creation-result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px;display:grid}.staff-creation-result dt{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:700}.staff-creation-result dd{overflow-wrap:anywhere;color:var(--text);margin-top:3px;font-size:10px;font-weight:700}.staff-creation-result .initial-password{background:var(--surface);border:1px dashed #15945459;border-radius:9px;grid-column:1/-1;padding:9px 10px}.staff-creation-result .initial-password dd{letter-spacing:.04em;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.popover-dismiss{z-index:38;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.account-menu,.notification-menu{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 20px 55px #121f302e}.account-menu{width:250px;padding:7px}.account-menu--sidebar{bottom:69px;left:14px}.account-menu--topbar{top:48px;right:0}.account-menu__head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.account-menu__head>div{min-width:0}.account-menu__head strong,.account-menu__head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu__head strong{font-size:12px}.account-menu__head small{color:var(--muted);margin-top:2px;font-size:9px}.account-menu__head span{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:12px;margin-top:6px;padding:3px 7px;font-size:8px;font-weight:800;display:inline-flex}.account-menu>button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:11px;font-weight:700;display:flex}.account-menu>button:hover{color:var(--text);background:var(--surface-2)}.account-menu>button.account-menu__logout{border-top:1px solid var(--border);color:#c34934;border-radius:0 0 9px 9px;margin-top:4px}.notification-menu{width:min(380px,100vw - 32px);max-height:min(680px,100vh - 88px);top:48px;right:0}.popover-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:13px 15px;display:flex}.popover-head strong,.popover-head small{display:block}.popover-head strong{font-size:13px}.popover-head small{color:var(--muted);margin-top:3px;font-size:9px}.popover-head .unread-dot{vertical-align:middle;background:#ef4444;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.popover-head>button{background:var(--surface-2);border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.notification-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 30%, transparent) transparent;max-height:min(540px,100vh - 190px);overflow-y:auto}.notification-group>h3{color:var(--muted);background:var(--surface-2);letter-spacing:.12em;text-transform:uppercase;padding:9px 14px 6px;font-size:8px}.notification-group>article{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;min-height:70px;padding:11px 14px;display:flex}.notification-list__icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.notification-list__icon.type-danger{color:#b42318;background:#dc26261a}.notification-list__icon.type-warning{color:#b45309;background:#d977061f}.notification-list__icon.type-success{color:#11844b;background:#1594541c}.notification-list__icon.type-info{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.notification-copy{flex:1;min-width:0}.notification-copy>div:first-child{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notification-copy strong{color:var(--text);font:700 10px DM Sans}.notification-copy time{color:var(--muted);flex:none;font-size:7px}.notification-copy>p{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.notification-item-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.notification-item-actions button{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);border:0;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800}.notification-low-stock{border-top:1px solid var(--border);background:var(--surface-2);padding:11px 14px}.notification-low-stock>strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:8px;display:block}.notification-low-stock>div{justify-content:space-between;align-items:center;gap:12px;min-height:25px;font-size:9px;display:flex}.notification-low-stock span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-low-stock b{color:#c34934;flex:none}.notification-actions{border-top:1px solid var(--border);padding:9px}.notification-actions button{width:100%;min-height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.notification-actions button:disabled{color:var(--muted);cursor:default}.popover-empty{min-height:150px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:9px;padding:24px;display:grid}.popover-empty p{font-size:10px}.confirmation-content,.placeholder-content{text-align:center;justify-items:center;gap:13px;padding:27px 22px 22px;display:grid}.confirmation-icon,.placeholder-icon{color:#c34934;background:#d4553d1c;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.placeholder-icon{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.confirmation-content>p,.placeholder-content>p{color:var(--muted);font-size:12px;line-height:1.6}.confirmation-content .modal-actions{justify-content:center;width:100%;margin-top:7px}.profile-summary{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.profile-summary .user-avatar{aspect-ratio:1;width:40px;height:40px}.profile-summary>div{min-width:0}.profile-summary strong,.profile-summary p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-summary strong{font-size:13px}.profile-summary p{color:var(--muted);margin-top:3px;font-size:10px}.profile-summary span{color:var(--primary);margin-top:6px;font-size:9px;font-weight:800;display:inline-block}.bottom-nav,.sidebar-backdrop{display:none}@media (width<=1120px){.stats-grid,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid{grid-template-columns:1fr}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.permission-role-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.low-stock-list{grid-template-columns:1fr 1fr;display:grid}.low-stock-list>div:nth-last-child(2){border-bottom:0}.scan-page-grid{grid-template-columns:1fr}}@media (width<=800px){.app-toast{right:16px;bottom:calc(82px + env(safe-area-inset-bottom))}.login{grid-template-columns:1fr}.login__visual{display:none}.login__panel{width:100%;max-width:100vw;min-height:100vh;padding:34px 22px;overflow:hidden}.login__form-wrap{width:100%;max-width:410px}.login__mobile-brand{display:block}.sidebar{width:min(84vw,290px);transition:transform .25s;transform:translate(-105%);box-shadow:18px 0 60px #0000002e}.sidebar.is-open{transform:translate(0)}.sidebar__close{display:grid!important}.sidebar-backdrop{z-index:25;background:#08101c7a;border:0;display:block;position:fixed;inset:0}.app-main{margin-left:0}.topbar{justify-content:space-between;height:66px;padding:0 16px}.mobile-menu{display:grid}.topbar__business-mobile{align-items:center;gap:9px;min-width:0;margin-left:9px;margin-right:auto;display:flex}.topbar__business-mobile .business-avatar{width:32px;height:32px}.topbar__business-mobile small,.topbar-avatar,.install-button span{display:none}.install-button{justify-content:center;width:39px;padding:0}.content{padding:25px 16px 94px}.report-summary,.purchase-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.dashboard-header{align-items:flex-start}.page-header .button{width:42px;min-width:42px;padding:0;font-size:0;overflow:hidden}.page-header-actions,.report-export-actions{gap:6px}.dashboard-header>.button{width:42px;min-width:42px;padding:0;font-size:0;overflow:hidden}.page-header .button svg,.dashboard-header>.button svg{width:19px;height:19px}.page-header p,.dashboard-header>div>p{max-width:480px}.skeleton-button{width:42px}.desktop-table{display:none}.mobile-cards{gap:10px;padding:12px;display:grid}.mobile-item-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.mobile-item-card__head{align-items:center;gap:10px;display:flex}.mobile-item-card__head>div{flex:1;min-width:0}.mobile-item-card__head strong,.mobile-item-card__head small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-item-card__head strong{font-size:12px}.mobile-item-card__head small{color:var(--muted);margin-top:3px;font-size:9px}.mobile-item-card__stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;padding-top:12px;display:grid}.mobile-item-card__stats span{min-width:0}.mobile-item-card__stats small,.mobile-item-card__stats strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-item-card__stats small{color:var(--muted);font-size:8px}.mobile-item-card__stats strong{margin-top:3px;font-size:9px}.mobile-item-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.mobile-item-card__actions button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:9px;font-weight:700;display:flex}.bottom-nav{z-index:22;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:6px;display:grid;position:fixed;box-shadow:0 12px 35px #111f3329}.bottom-nav button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:11px;place-items:center;gap:3px;padding:7px 2px 5px;font-size:8px;font-weight:700;transition:color .18s,background .18s,transform .18s;display:grid}.bottom-nav button:active{transform:scale(.96)}.bottom-nav button.is-active{color:var(--primary);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 13%, transparent), color-mix(in srgb, var(--primary) 7%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent)}}@media (width<=560px){.demo-welcome{padding:14px}.demo-welcome__card{padding:28px 20px}.demo-welcome__actions{flex-direction:column-reverse}.demo-welcome__actions .button{width:100%}.stats-grid{gap:10px}.insight-grid{grid-template-columns:1fr 1fr;gap:9px}.insight-card{padding:13px;display:block}.insight-card__icon{width:33px;height:33px;margin-bottom:10px}.insight-card strong{white-space:normal;min-height:31px}.insight-card small{white-space:normal;min-height:23px}.security-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{grid-template-columns:1fr;justify-items:center;gap:21px;padding:22px 18px}.donut-chart{width:150px}.donut-legend{width:100%}.bar-chart{gap:5px;min-height:250px;padding:22px 12px 14px}.bar-group{grid-template-rows:184px 18px}.bar-group__values{gap:2px}.dashboard-header{min-height:148px;margin-bottom:22px}.dashboard-meta{align-items:flex-start}.dashboard-meta>span:nth-child(2){width:calc(100% - 92px);line-height:1.5}.dashboard-refresh span{display:none}.dashboard-refresh{justify-content:center;width:28px;padding:0}.security-activity-card{padding:14px}.security-activity-card__head{grid-template-columns:auto minmax(0,1fr)}.security-activity-card__head .text-button{grid-column:1/-1;justify-self:start}.security-activity-latest>span{grid-template-columns:auto minmax(0,1fr)}.security-activity-latest>span small{text-align:left;grid-column:2}.skeleton-header{min-height:148px;margin-bottom:22px}.skeleton-line--title{width:80%;height:28px}.skeleton-line--subtitle{width:94%}.skeleton-line--meta{width:74%}.stat-card{padding:15px;display:block}.stat-card__icon,.skeleton-card .skeleton-block{width:36px;height:36px;margin-bottom:13px}.stat-card strong{font-size:20px}.stat-card small{min-height:28px}.low-stock-list{display:block}.low-stock-list>div:nth-last-child(2){border-bottom:1px solid var(--border)}.inventory-value{align-items:flex-start}.inventory-value>p{display:none}.system-grid{grid-template-columns:1fr}.system-card{min-height:125px}.theme-setting{flex-direction:column;align-items:stretch;min-height:0}.permission-role-summary{grid-template-columns:1fr;padding:12px}.permission-role-summary article{justify-content:space-between;align-items:center;gap:10px;display:flex}.permission-table{min-width:610px}.code-foundation-grid{grid-template-columns:1fr}.code-foundation-grid__qr{grid-column:auto}.scanner-camera-placeholder{grid-template-columns:auto minmax(0,1fr)}.scanner-camera-placeholder .button{grid-column:1/-1;width:100%}.scanner-manual-form,.barcode-label-controls,.barcode-label-custom-size{grid-template-columns:1fr}.barcode-label-selector label{grid-template-columns:auto minmax(0,1fr)}.barcode-label-selector input[type=number]{grid-column:2;width:100%}.barcode-label-sheet{justify-content:flex-start;max-height:350px}.scan-panel,.scan-result-panel{padding:13px}.camera-scanner__viewport,.camera-scanner__viewport video{min-height:250px}.scan-item-result__identity{grid-template-columns:auto minmax(0,1fr)}.scan-item-result__identity .status-badge{grid-column:1/-1;justify-self:start}.scan-item-result__stock,.scan-quick-actions{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr;padding:14px}.report-summary{gap:8px}.report-summary article{padding:12px}.report-summary strong{font-size:12px}.purchase-detail dl{grid-template-columns:1fr}.purchase-timeline{grid-template-columns:1fr 1fr}.purchase-form-line{grid-template-columns:1fr}.purchase-tools>input[type=date]{width:100%}.purchase-widget-grid{grid-template-columns:1fr 1fr;padding:0 13px 13px}.purchase-widget-actions{flex-direction:column;padding:0 13px 13px}.purchase-widget-actions .button{width:100%}.purchase-detail__actions{flex-direction:column-reverse}.purchase-detail__actions .button,.theme-switch{width:100%}.theme-switch button{flex:1;justify-content:center}.about-card,.user-access-note,.coming-soon-note{align-items:flex-start;padding:15px}.managed-user{min-width:0}.access-state{min-height:230px;margin-top:0}.table-tools{flex-direction:column;align-items:stretch}.search-box,.table-tools>select{width:100%;max-width:none}.movement-row{padding:12px 14px}.movement-icon{width:33px;height:33px}.movement-main small{max-width:180px}.movement-list--expanded .movement-row{flex-wrap:wrap;align-items:flex-start}.movement-list--expanded .movement-meta{text-align:left;margin-left:45px}.form-grid{grid-template-columns:1fr;padding:18px}.business-choice>div,.staff-creation-result dl,.password-generator{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.confirmation-content .modal-actions{flex-direction:column-reverse}.account-menu--sidebar{width:auto;left:14px;right:14px}.notification-menu{width:auto;position:fixed;top:72px;left:12px;right:12px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh}}@media (display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(66px + env(safe-area-inset-top))}.content{min-height:100vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.skeleton-line,.skeleton-block,.skeleton-button,.skeleton-panel{animation:none}}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.label-print-area,.label-print-area *{visibility:visible!important}.label-print-area{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0;margin:0;background:#fff!important;border:0!important;width:fit-content!important;max-height:none!important;padding:0!important;position:absolute!important;inset:0 auto auto 0!important;overflow:visible!important}.barcode-label-preview-shell,.barcode-label-sheet{background:#fff!important;border:0!important;border-radius:0!important;max-height:none!important;padding:0!important;overflow:visible!important}.barcode-label-sheet{flex-wrap:wrap!important;align-content:flex-start!important;gap:2mm!important;display:flex!important}.barcode-label-sheet.is-roll{width:var(--label-width)!important;display:block!important}.barcode-label-sheet.is-roll .barcode-label-card{break-after:page;page-break-after:always;width:var(--label-width)!important;height:var(--label-height)!important;margin:0!important}.barcode-label-sheet.is-roll .barcode-label-card:last-child{break-after:auto;page-break-after:auto}.barcode-label-card{box-shadow:none!important;color:#111827!important;background:#fff!important;flex:none!important}.modal-backdrop,.modal{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:0!important;padding:0!important;position:static!important}.modal__head,.barcode-label-controls,.barcode-label-selector,.barcode-label-copy-list,.barcode-label-preview-meta,.modal-actions,.inline-error,.inline-success{display:none!important}}