@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{--bg:#f5f7fb;--bg-subtle:#f8fbff;--text-strong:#10203a;--text-standard:#1f3357;--text-muted:#66758f;--text-soft:#8090a9;--accent:#2563eb;--accent-soft:#e8f0ff;--line:#94a3b83d;--line-strong:#94a3b857;--success:#1f9d62;--warning:#d97706;--shadow-soft:0 18px 40px #0f172a0d, 0 4px 12px #0f172a0a;color:var(--text-standard);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Noto Sans Thai,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#2563eb14,#0000 26rem),linear-gradient(#fbfcfe 0%,#f3f6fb 100%);min-width:320px;margin:0}#root{min-height:100vh}body,button,input,select{font:inherit}button{border:0}h1,h2,h3{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}h1{font-size:clamp(2.2rem,4vw,3.2rem)}h2{font-size:clamp(1.25rem,2vw,1.65rem)}h3{font-size:1.05rem}p{margin:0}a{color:inherit}svg{display:block}::selection{color:var(--text-strong);background:#2563eb24}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;flex-direction:column;justify-content:space-between;min-width:0;min-height:100vh;display:flex;position:sticky;top:0}.sidebar__top{gap:1.5rem;padding:1.5rem 1.1rem 1rem;display:grid}.sidebar__foot{padding:0 1.1rem 1.5rem}.brand-lockup{align-items:center;gap:.9rem;display:flex}.brand-mark{background:var(--accent-soft);width:3rem;height:3rem;color:var(--accent);border-radius:1rem;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2563eb14}.brand-mark svg,.nav-item__icon svg,.search-field__icon svg,.metric-card__icon svg,.panel-icon svg,.secondary-button svg,.pager-button svg{width:1.2rem;height:1.2rem}.brand-lockup strong{color:var(--text-strong);font-size:1rem;font-weight:700;display:block}.brand-lockup p{color:var(--text-muted);margin-top:.2rem;font-size:.86rem}.nav-stack{gap:.35rem;min-width:0;display:grid}.nav-item{min-width:0;color:var(--text-muted);border-radius:.95rem;align-items:center;gap:.8rem;padding:.82rem .9rem;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.nav-item:hover,.nav-item:focus-visible{color:var(--accent);background:#2563eb14;outline:none;transform:translate(2px)}.nav-item__icon{color:currentColor;place-items:center;display:grid}.sidebar-note{border:1px solid var(--line);background:#ffffffe6;border-radius:1rem;padding:1rem}.sidebar-note strong{color:var(--text-strong);font-size:.94rem;display:block}.sidebar-note p{color:var(--text-muted);margin-top:.45rem;font-size:.88rem}.workspace{gap:1rem;min-width:0;padding:1.5rem;display:grid}.workspace-header{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.workspace-header__copy{min-width:0;max-width:42rem}.workspace-header__copy p{color:var(--text-muted);margin-top:.55rem;font-size:1rem}.search-field{border:1px solid var(--line);min-width:24rem;box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:1rem;align-items:center;gap:.75rem;padding:0 .95rem;display:flex}.search-field__icon{color:var(--text-soft);place-items:center;display:grid}.search-field input{width:100%;min-height:3.5rem;color:var(--text-strong);background:0 0;border:0;outline:none}.search-field input::placeholder{color:var(--text-soft)}.search-field kbd{border:1px solid var(--line);background:var(--bg-subtle);color:var(--text-soft);border-radius:.65rem;padding:.25rem .55rem;font-size:.78rem}.status-strip{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font-size:.9rem;display:flex}.status-pill{border:1px solid var(--line);color:var(--text-strong);background:#ffffffe6;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .75rem;display:inline-flex}.status-pill--live{background:#ebfff5f2;border-color:#1f9d622e}.status-pill__dot{background:var(--warning);border-radius:999px;width:.55rem;height:.55rem}.status-pill--live .status-pill__dot{background:var(--success)}.message{border-radius:1rem;padding:.9rem 1rem}.message--error{color:#b91c1c;background:#fef2f2f2;border:1px solid #dc26261f}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.metric-card,.panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:1.2rem}.metric-card{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem;display:flex}.metric-card__copy{min-width:0}.metric-card__label{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:inline-block}.metric-card strong{color:var(--text-strong);margin-top:.55rem;font-size:2rem;line-height:1;display:block}.metric-card p{color:var(--text-muted);margin-top:.45rem;font-size:.88rem}.metric-card__icon,.panel-icon{background:var(--accent-soft);color:var(--accent);border-radius:.95rem;flex:none;place-items:center;display:grid}.metric-card__icon{width:3rem;height:3rem}.panel-icon{width:2.65rem;height:2.65rem}.panel{padding:1.15rem}.toolbar-panel__header,.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-header--stack{flex-direction:column}.toolbar-panel__header p,.panel-header p,.toolbar-summary p,.quality-note p,.table-note{color:var(--text-muted);font-size:.9rem}.toolbar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.field{gap:.45rem;display:grid}.field span,.toolbar-summary span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.field select{border:1px solid var(--line);min-height:3rem;color:var(--text-strong);background:#fff;border-radius:.9rem;outline:none;padding:0 .85rem}.field select:focus,.search-field:focus-within{border-color:#2563eb52;box-shadow:0 0 0 4px #2563eb14}.toolbar-summary{border:1px solid var(--line);background:var(--bg-subtle);border-radius:1rem;align-content:center;padding:.95rem 1rem;display:grid}.toolbar-summary strong{color:var(--text-strong);margin-top:.35rem;font-size:1.05rem;display:block}.ghost-button,.secondary-button,.filter-chip,.store-row,.pager-button,.inline-link{cursor:pointer}.ghost-button,.secondary-button,.pager-button,.filter-chip{border:1px solid var(--line);color:var(--text-strong);background:#fff;border-radius:.9rem;transition:border-color .18s,background-color .18s,color .18s,transform .18s}.ghost-button,.secondary-button{min-height:2.8rem;padding:0 .95rem}.secondary-button{align-items:center;gap:.55rem;display:inline-flex}.ghost-button:hover,.ghost-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.pager-button:hover,.pager-button:focus-visible,.filter-chip:hover,.filter-chip:focus-visible,.store-row:hover,.store-row:focus-visible,.inline-link:hover,.inline-link:focus-visible{background:#eff6ffeb;border-color:#2563eb47;outline:none}.main-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1rem;min-width:0;display:grid}.side-stack{gap:1rem;min-width:0;display:grid}.table-panel{padding-bottom:.95rem}.table-shell{border:1px solid var(--line);border-radius:1rem;min-width:0;max-width:100%;margin-top:1rem;overflow:auto}.table-shell--compact{margin-top:1rem}.asset-mobile-list,.program-mobile-list{display:none}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.85rem}tbody tr:last-child td{border-bottom:0}thead th{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}td{color:var(--text-standard);font-size:.95rem}.cell-code strong,.cell-description strong,.store-row strong{color:var(--text-strong);display:block}.cell-code span,.cell-date span,.store-row p,.store-row__meta span{color:var(--text-muted);margin-top:.2rem;font-size:.84rem;display:block}.cell-description strong,.cell-code span{text-overflow:ellipsis;white-space:nowrap;max-width:19rem;overflow:hidden}.cell-date strong{color:var(--text-strong)}.empty-row{color:var(--text-muted);padding:1rem .85rem}.empty-mobile{border:1px dashed var(--line-strong);color:var(--text-muted);border-radius:1rem;padding:1rem}.table-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.pager{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pager-button{justify-content:center;align-items:center;min-width:2.35rem;min-height:2.35rem;display:inline-flex}.pager-button--active,.filter-chip--active,.store-row--active{color:var(--accent);background:#eff6fff5;border-color:#2563eb38}.pager-button:disabled{cursor:not-allowed;opacity:.4}.pager-gap{color:var(--text-soft);padding:0 .2rem}.program-breakdown,.quality-list,.store-list{gap:.9rem;display:grid}.program-group{border:1px solid var(--line);background:var(--bg-subtle);border-radius:1rem;padding:.95rem}.program-group__head strong{color:var(--text-strong);font-size:1rem;display:block}.program-group__head p{margin-top:.25rem}.status-chip-list{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.status-chip{color:var(--accent);background:#dbeafef2;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-chip--warning{color:#b45309;background:#fff7edfa}.quality-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.quality-row:last-child{border-bottom:0;padding-bottom:0}.quality-row span{color:var(--text-muted)}.quality-row strong{color:var(--text-strong)}.quality-note{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.quality-note strong{color:var(--text-strong);font-size:.94rem;display:block}.secondary-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:1rem;min-width:0;display:grid}.panel-actions{gap:.8rem;width:100%;display:grid}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{min-height:2.35rem;padding:0 .75rem}.inline-link{color:var(--accent);background:0 0;border:0;justify-self:start;padding:0}.store-list{margin-top:1rem}.store-row{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:#fff;border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.95rem;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.store-row__copy{min-width:0}.store-row__copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-row__meta{text-align:right;white-space:nowrap}.store-row__meta strong{color:var(--text-strong);font-size:1.1rem;display:block}.asset-mobile-card,.program-mobile-card{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:.95rem}.asset-mobile-card__head,.program-mobile-card__head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.asset-mobile-card__head strong,.program-mobile-card__head strong{color:var(--text-strong);font-size:1rem}.asset-mobile-card__head span,.program-mobile-card__head span{color:var(--accent);font-size:.86rem;font-weight:700}.asset-mobile-card__description,.program-mobile-card p{color:var(--text-standard);margin-top:.55rem;font-size:.9rem;line-height:1.45}.asset-mobile-card__grid,.program-mobile-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;margin:.8rem 0 0;display:grid}.asset-mobile-card__grid dt,.program-mobile-card__grid dt{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.asset-mobile-card__grid dd,.program-mobile-card__grid dd{color:var(--text-standard);margin:.2rem 0 0;font-size:.9rem}@media (width<=1240px){.metric-grid,.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:static}.nav-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar__foot{display:none}.workspace-header{flex-direction:column}.search-field{width:100%;min-width:0}}@media (width<=760px){.workspace{padding:1rem}.metric-grid,.toolbar-grid,.secondary-grid,.side-stack{grid-template-columns:1fr}.status-strip,.table-footer,.store-row{flex-direction:column;align-items:flex-start}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.table-shell--inventory,.table-shell--programs{display:none}.asset-mobile-list,.program-mobile-list{gap:.75rem;margin-top:1rem;display:grid}}@media (width<=560px){.search-field kbd{display:none}.metric-card strong{font-size:1.7rem}.asset-mobile-card__grid,.program-mobile-card__grid{grid-template-columns:1fr}}