body{margin:0}#app{display:flex;min-height:100vh}.live-sidebar{width:240px;flex:0 0 240px;position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--surface,#fff);border-right:1px solid var(--border,#e2e8f0);display:flex;flex-direction:column}.live-brand{display:flex;align-items:center;gap:14px;margin-bottom:25px}.live-brand>b{padding:12px;background:#2563eb;border-radius:12px;color:white}.live-brand span{font-size:16px;font-weight:700}.live-brand small{display:block;font-size:11px;font-weight:400;margin-top:6px}.live-sidebar nav{display:grid;gap:6px;margin-top:20px}.live-sidebar nav a{display:flex;align-items:center;gap:12px;color:inherit;padding:13px;border-radius:10px;text-decoration:none}.live-sidebar nav a.active{background:#2563eb;color:white}.live-sidebar .icon{width:20px;min-width:20px}.live-account{margin-top:auto;display:grid;gap:8px;font-size:13px;overflow-wrap:anywhere}.live-sidebar.collapsed{width:76px;flex-basis:76px;padding:20px 10px}.live-sidebar.collapsed .live-brand span,.live-sidebar.collapsed nav span,.live-sidebar.collapsed .live-account,.live-sidebar.collapsed .collapse span{display:none}.live-sidebar.collapsed .live-brand>b{padding:8px}.live-main{min-width:0;flex:1;padding:28px 32px}.live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.live-header h1{font-size:28px;margin:8px 0}.live-header p{color:var(--muted,#718096)}.live-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px}.live-filters label,.live-settings label{display:grid;gap:6px;font-size:12px}.live-filters input,.live-filters select,.live-settings input{background:var(--surface,#fff);color:inherit;border:1px solid var(--border,#dce4ed);border-radius:8px;padding:10px;max-width:220px;min-height:40px}.live-search{flex:1}.live-table td,.live-table th{padding:7px 10px;font-size:12px}.live-table .product-name{min-width:250px;max-width:440px;white-space:normal}.live-table-scroll{max-height:70vh;overflow:auto}.matrix{border-collapse:separate;border-spacing:0;white-space:nowrap}.matrix td{height:29px;padding:3px 7px;border-bottom:1px solid var(--border,#e2e8f0)}.matrix th{position:sticky;top:0;background:var(--surface,#f2f6ff);z-index:2}.matrix thead tr:nth-child(2) th{top:86px;height:30px}.matrix .vertical{height:86px;min-width:37px;padding:6px;text-align:center;vertical-align:bottom}.vertical span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;font-size:12px}.matrix .sticky-code{position:sticky;left:0;min-width:70px;background:var(--surface,#fff);z-index:1}.matrix .sticky-name{position:sticky;left:70px;min-width:250px;max-width:310px;overflow:hidden;text-overflow:ellipsis;background:var(--surface,#fff);z-index:1}.matrix th.sticky-code,.matrix th.sticky-name{z-index:4}.muted{opacity:.45}.live-settings{padding:24px;margin-bottom:20px}.live-settings form{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin:20px 0}.live-settings p{line-height:1.7}.live-columns{position:relative}.live-columns>div{position:absolute;right:0;top:45px;width:270px;padding:16px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#fff);box-shadow:0 12px 40px #0002;z-index:10}.live-columns label{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px}.live-columns label button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer}#live-error{color:#dc4040;line-height:1.5;margin:12px 0}.live-main .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.live-main .metric .value{font-size:26px}.live-main .table-foot{gap:12px;flex-wrap:wrap}[data-theme=dark] .live-sidebar,[data-theme=dark] .live-filters input,[data-theme=dark] .live-filters select,[data-theme=dark] .live-settings input,[data-theme=dark] .matrix th,[data-theme=dark] .matrix .sticky-code,[data-theme=dark] .matrix .sticky-name,[data-theme=dark] .live-columns>div{background:#101e36}@media(max-width:900px){.live-main{padding:16px}.live-sidebar{width:76px;flex-basis:76px;padding:20px 10px}.live-brand span,.live-sidebar nav span,.live-account,.collapse span{display:none}.live-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.live-main .metrics{grid-template-columns:1fr}.live-header h1{font-size:21px}.live-filters input,.live-filters select{max-width:180px}.live-header{align-items:start}.matrix .sticky-name{min-width:160px;max-width:160px}}

#app>.login-screen{width:100%;min-height:100vh}.matrix .sticky-code{width:70px;max-width:70px;box-sizing:border-box}.matrix .sticky-name{box-sizing:border-box}