@font-face{font-family:Inter;src:url("assets/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("assets/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("assets/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("assets/inter-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ds-primary:#2563eb;--ds-primary-hover:#1d4ed8;--ds-success:#15803d;--ds-warning:#c2410c;--ds-danger:#dc2626;--ds-text:#172033;--ds-muted:#64748b;--ds-border:#dce3ed;--ds-surface:#fff;--ds-bg:#f5f7fb;--ds-hover:#eef2f7;--ds-shadow:0 4px 16px rgba(15,23,42,.06);--ds-focus:0 0 0 4px rgba(37,99,235,.16)}
*,*::before,*::after{box-sizing:border-box}html,body,button,input,select,textarea,dialog{font-family:Inter,Arial,sans-serif!important}html{font-size:16px!important}body,body *{font-size:16px!important}body{margin:0!important;color:var(--ds-text)!important;background:var(--ds-bg)!important;line-height:1.5!important}
h1,#pageTitle,.page-title{font-size:28px!important;font-weight:700!important;line-height:1.2!important;margin:0!important}h2,.section-title,.view-header h3,.owner-command-bar h3{font-size:22px!important;font-weight:600!important;line-height:1.25!important}h3,h4,.card-title,.panel-heading h3,.panel>h3,.product-card h4{font-size:18px!important;font-weight:600!important;line-height:1.3!important}p,span,strong,li,div{line-height:1.5}small,.helper-text,.muted,.field-help,.section-kicker,.eyebrow,label,legend,.status-pill,.offline-badge,.product-meta,.stat-card span,.stat-card small,.owner-metrics small{font-size:13px!important;font-weight:500!important}table,table *,thead th,tbody td,.activity-row,.inventory-row{font-size:15px!important}thead th{font-weight:600!important}tbody td{font-weight:400!important}
button,.btn,.primary,.primary-btn,.secondary-btn,.danger-btn,.success-btn,.link-btn,input[type="button"],input[type="submit"]{min-height:44px!important;height:44px!important;border-radius:10px!important;padding:0 20px!important;font-size:15px!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important;cursor:pointer!important;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,opacity 180ms ease!important}button svg,.btn svg{width:18px!important;height:18px!important;min-width:18px!important;stroke-width:2!important}button,.secondary-btn,.secondary,.btn-secondary{color:var(--ds-text)!important;background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important}button:hover,.secondary-btn:hover,.secondary:hover{background:var(--ds-hover)!important;border-color:#cbd5e1!important}.primary,.primary-btn,button.primary,[type="submit"].primary{color:#fff!important;background:var(--ds-primary)!important;border:1px solid var(--ds-primary)!important}.primary:hover,.primary-btn:hover,button.primary:hover{background:var(--ds-primary-hover)!important;border-color:var(--ds-primary-hover)!important}.danger,.danger-btn,#clearAuditBtn{color:#fff!important;background:var(--ds-danger)!important;border-color:var(--ds-danger)!important}.success,.success-btn{color:#fff!important;background:var(--ds-success)!important;border-color:var(--ds-success)!important}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0!important;box-shadow:var(--ds-focus)!important;border-color:var(--ds-primary)!important}button:disabled,.btn:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed!important;opacity:.55!important;background:#e5e7eb!important;color:var(--ds-muted)!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,.search-input,input[type="date"],input[type="time"]{width:100%;height:44px!important;min-height:44px!important;border:1px solid var(--ds-border)!important;border-radius:10px!important;background:#fff!important;color:var(--ds-text)!important;font-size:16px!important;font-weight:400!important;padding:0 14px!important;line-height:44px!important;pointer-events:auto!important;transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease!important}textarea{width:100%;min-height:88px!important;border:1px solid var(--ds-border)!important;border-radius:10px!important;background:#fff!important;color:var(--ds-text)!important;font-size:16px!important;font-weight:400!important;padding:14px!important;line-height:1.5!important;resize:vertical}input::placeholder,textarea::placeholder{color:#94a3b8!important;opacity:1!important}input[type="checkbox"],input[type="radio"]{width:20px!important;height:20px!important;accent-color:var(--ds-primary)!important}input[type="file"]{font-size:15px!important;min-height:44px!important;padding:8px!important}label{display:grid;gap:8px!important;color:var(--ds-muted)!important}
.panel,.stat-card,.product-card,.product,.metric-card,.summary-card,.login-card,.modal-card,.owner-card,.ticket,.msg,.card{background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;border-radius:12px!important;padding:20px!important;box-shadow:var(--ds-shadow)!important}.panel-grid,.stats-grid,.owner-grid,.owner-metrics,.grid,.products,.form-grid,.inventory-grid{gap:20px!important}.panel-heading,.view-header,.actions-row,.tools,.topbar-actions,.settings-action-bar{gap:12px!important}
.app-shell{grid-template-columns:260px minmax(0,1fr)!important;min-height:100vh!important}.sidebar{width:260px!important;padding:24px 20px!important;background:#111827!important;gap:24px!important}.sidebar .brand{gap:12px!important;margin:0 0 24px!important;padding:0!important;min-height:44px!important}.sidebar .brand h1{font-size:18px!important;font-weight:600!important;color:#fff!important}.sidebar .brand p{font-size:13px!important;margin:4px 0 0!important}.sidebar nav{display:grid!important;gap:8px!important}.sidebar .nav-btn{width:100%!important;justify-content:flex-start!important;color:#dbe3ef!important;background:transparent!important;border-color:transparent!important;font-size:16px!important;font-weight:500!important;padding:0 16px!important}.sidebar .nav-btn svg{width:20px!important;height:20px!important;min-width:20px!important}.sidebar .nav-btn:hover{background:#1f2937!important;color:#fff!important}.sidebar .nav-btn.active{background:var(--ds-primary)!important;color:#fff!important;border-color:var(--ds-primary)!important}.offline-badge{margin-top:auto!important;padding:12px!important;border-radius:10px!important}.main-content{margin-left:0!important;width:auto!important;min-width:0!important;padding:0 24px 32px!important}.topbar{height:72px!important;min-height:72px!important;padding:0!important;margin:0 0 24px!important;display:flex!important;align-items:center!important;gap:16px!important}.topbar>div:first-of-type{min-width:220px!important}.topbar p{font-size:13px!important;margin:4px 0 0!important}.view{animation:ds-fade 180ms ease!important}.view-header{margin-bottom:20px!important}
table{width:100%!important;border-collapse:collapse!important;background:#fff!important}thead tr,tbody tr{height:48px!important;min-height:48px!important}thead th,tbody td{height:48px!important;padding:12px 16px!important;text-align:left!important;border-bottom:1px solid var(--ds-border)!important;vertical-align:middle!important}thead th{background:#eef2f7!important;color:var(--ds-text)!important}tbody tr:nth-child(even){background:#f8fafc!important}tbody tr:hover{background:#eff6ff!important}.table-wrap,.activity-table-wrap{border:1px solid var(--ds-border)!important;border-radius:12px!important;overflow:auto!important}
dialog,.modal,.login-overlay,.owner-gate,.screen-lock-overlay{z-index:1000!important}dialog::backdrop,.modal-backdrop,.login-overlay::before{z-index:990!important;background:rgba(15,23,42,.56)!important}.modal-content,.modal-card,dialog form,.login-card{position:relative!important;z-index:1010!important;border-radius:12px!important;padding:20px!important}.login-card select,#loginProfile,#loginUserSelect{position:relative!important;z-index:1020!important;pointer-events:auto!important}.hidden{display:none!important}
header:not(.topbar){min-height:72px!important;padding:0 24px!important;display:flex!important;align-items:center!important}.layout,main{gap:20px!important}.layout{padding:24px!important}.notice{padding:12px 24px!important}.row{gap:12px!important;padding:12px 0!important}.chat{padding:20px!important}.msg{margin:8px 0!important}.live-commerce{margin:20px 24px 0!important;padding:20px!important;border-radius:12px!important;gap:20px!important}.live-side,.featured-live-list,.checkout-form{gap:12px!important}.addon-locked{margin:20px 24px!important;padding:20px!important}.ticket{margin-top:12px!important;gap:12px!important}.checks{gap:16px!important}.tools{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
@keyframes ds-fade{from{opacity:0}to{opacity:1}}@media(max-width:1100px){.topbar{height:auto!important;min-height:72px!important;padding:12px 0!important;flex-wrap:wrap!important}.topbar-actions{width:100%!important;overflow-x:auto!important;padding-bottom:4px!important}.stats-grid,.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:900px){.app-shell{display:block!important}.sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:1100!important;transform:translateX(-100%)!important;transition:transform 180ms ease!important}.sidebar.mobile-open{transform:translateX(0)!important}.main-content{padding:0 20px 24px!important}.mobile-menu-btn{display:inline-flex!important}.layout,.live-commerce{grid-template-columns:1fr!important}.grid,.owner-grid,.panel-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.main-content{padding:0 16px 24px!important}.stats-grid,.owner-metrics,.products{grid-template-columns:1fr!important}.topbar{align-items:flex-start!important}.topbar-actions button{flex:0 0 auto!important}.panel,.stat-card,.product-card,.product,.ticket,.card{padding:20px!important}.layout{padding:16px!important}.notice,header:not(.topbar){padding-left:16px!important;padding-right:16px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important}}