@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Noto+Sans+Thai:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:360px;text-align:left;font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-left:3px solid var(--gray-400);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:0 4px 16px #0000001f;cursor:pointer;animation:toast-in .16s var(--ease-out, ease-out)}.toast--success{border-left-color:var(--status-active, var(--brand-green))}.toast--error{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.brandmark{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}.brandmark__q{display:block}.brandmark__q--r{background:var(--brand-red)}.brandmark__q--b{background:var(--brand-blue)}.brandmark__q--y{background:var(--brand-yellow)}.brandmark__q--g{background:var(--brand-green)}.errbox{max-width:480px;margin:var(--space-16) auto;padding:var(--space-8);border:var(--border);border-left:3px solid var(--danger);border-radius:var(--radius)}.errbox h2{margin:var(--space-2) 0 var(--space-4)}.errbox__msg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-600);background:var(--gray-50);padding:var(--space-3);border-radius:var(--radius);margin-bottom:var(--space-6);overflow-wrap:anywhere}.errbox__btn{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);cursor:pointer}.errbox__btn:hover{background:var(--accent);border-color:var(--accent)}:root{--topbar-h: 57px}.layout{min-height:100vh}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:var(--border);position:sticky;top:0;background:var(--paper);z-index:40;height:var(--topbar-h)}.topbar__toggle{display:grid;place-items:center;width:32px;height:32px;border:var(--border);border-radius:var(--radius);background:var(--paper);cursor:pointer;transition:border-color .1s ease}.topbar__toggle:hover{border-color:var(--ink)}.topbar__toggle:active{background:var(--gray-100)}.hamburger,.hamburger:before,.hamburger:after{display:block;width:14px;height:1.5px;background:var(--ink);position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-4px}.hamburger:after{top:4px}.topbar__brand{display:flex;align-items:center;gap:var(--space-2)}.topbar__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:-.01em}.topbar__sub{font-weight:var(--weight-regular);color:var(--gray-500)}.topbar__spacer{flex:1}.topbar__user{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:var(--text-xs)}.topbar__roles{font-size:.625rem}.signout{background:none;border:none;font-size:var(--text-xs);color:var(--gray-500);cursor:pointer;padding:0;border-bottom:1px solid transparent}.signout:hover{color:var(--ink);border-bottom-color:var(--ink)}.signout:active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;width:var(--sidebar-w);border-right:var(--border);background:var(--paper);padding:var(--space-6) 0;overflow-y:auto;z-index:30;transform:translate(0);transition:transform .2s var(--ease-out-expo, ease)}.layout[data-nav=closed] .sidebar{transform:translate(-100%)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__group{display:flex;flex-direction:column}.sidebar__group+.sidebar__group{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.sidebar__group-title{margin:0 0 var(--space-1);padding:0 var(--space-6);font-size:.625rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400)}.navlink{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--gray-600);border-left:2px solid transparent;white-space:nowrap;transition:color .1s ease,border-color .1s ease}.navlink:hover{color:var(--ink)}.navlink:active:not(.navlink--disabled){color:var(--accent);border-left-color:var(--accent)}.navlink--active{color:var(--ink);font-weight:var(--weight-medium);border-left-color:var(--accent)}.navlink--disabled{color:var(--gray-300);cursor:not-allowed}.navlink__soon{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-300)}.content{margin-left:var(--sidebar-w);padding:var(--space-12) var(--space-16);max-width:1400px;transition:margin-left .2s var(--ease-out-expo, ease)}.layout[data-nav=closed] .content{margin-left:0}.scrim{display:none}@media(prefers-reduced-motion:reduce){.sidebar,.content{transition:none}}@media(max-width:720px){.content,.layout[data-nav=closed] .content,.layout[data-nav=open] .content{margin-left:0;padding:var(--space-8) var(--space-6)}.sidebar{z-index:50}.layout[data-nav=open] .scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;background:#00000040;z-index:45}.topbar__user{display:none}}.btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.btn--solid:active:not(:disabled){background:var(--gray-900);border-color:var(--gray-900);transform:translateY(1px)}.btn--outline{background:transparent;color:var(--ink)}.btn--outline:hover:not(:disabled){background:var(--gray-100)}.btn--outline:active:not(:disabled){background:var(--gray-200);transform:translateY(1px)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.login__card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-4);border:var(--border);border-radius:var(--radius);padding:var(--space-12) var(--space-8)}.login__head{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.login__head .brandmark{margin-bottom:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500)}.field__input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-3);transition:border-color .12s ease}.field__input:focus{border-color:var(--ink)}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login__error{font-size:var(--text-xs);color:#c21725}.table-wrap{border-top:var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}@media(max-width:720px){.table{min-width:640px}}.table thead th{text-align:left;font-weight:var(--weight-medium);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);padding:var(--space-3) var(--space-4);border-bottom:var(--border);white-space:nowrap}.table__th--num{text-align:right}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--ink);vertical-align:middle}.table__td--num{text-align:right;color:var(--gray-700)}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:var(--gray-50)}.table tbody tr:active{background:var(--gray-100)}.table__msg{padding:var(--space-12) var(--space-4);text-align:center;color:var(--gray-500)}.table__th--check,.table__td--check{width:36px;padding-left:var(--space-4);text-align:center}.table__th--check input,.table__td--check input{cursor:pointer}.table__row--selected{background:var(--gray-50)}.page__head{margin-bottom:var(--space-12)}.page__head h1{margin-top:var(--space-2)}.page__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.rowlink{font-weight:var(--weight-semibold);color:var(--ink);border-bottom:1px solid transparent;transition:border-color .1s ease}.rowlink:hover{border-bottom-color:var(--ink)}.page__sub{font-size:var(--text-sm);color:var(--gray-500)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border:var(--border);border-radius:var(--radius);overflow:hidden}.stat{padding:var(--space-8) var(--space-6) var(--space-6);border-right:var(--border);border-bottom:var(--border)}.stat__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500)}.stat__value{margin-top:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,2rem + 2vw,3.5rem);font-weight:var(--weight-medium);letter-spacing:-.03em;color:var(--ink);line-height:.95}.stat__hint{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--gray-400)}.page__toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-select{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.page__count{font-size:var(--text-xs);color:var(--gray-500)}.page__link{margin-left:auto;font-size:var(--text-xs);color:var(--gray-600);border-bottom:1px solid transparent}.page__link:hover{color:var(--accent);border-bottom-color:var(--accent)}.muted{color:var(--gray-400);font-style:italic}.linkbtn{background:none;border:none;padding:0;cursor:pointer;font:inherit}.role-chips{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.role-chip{font-family:var(--font-mono);font-size:.6875rem;padding:1px 6px;border:var(--border);border-radius:var(--radius);color:var(--gray-700)}.bulkbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--gray-50)}.bulkbar__count{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink)}.bulkbar__actions{display:flex;align-items:center;gap:var(--space-2)}.bulkbar__btn{font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer}.bulkbar__btn:hover{border-color:var(--accent);color:var(--accent)}.bulkbar__btn--danger:hover{border-color:var(--danger);color:var(--danger)}.bulkbar__btn:disabled{opacity:.5;cursor:default}.bulkbar__clear{border-color:transparent;color:var(--gray-500)}.situation{margin-top:var(--space-16)}.situation__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.situation__head h2{margin:var(--space-1) 0 var(--space-2)}.situation__legend{display:flex;gap:var(--space-2);flex-shrink:0}.sit-chip{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius);border:var(--border);white-space:nowrap}.sit-chip--overrun{border-left:3px solid var(--danger)}.sit-chip--underrun{border-left:3px solid var(--brand-yellow)}.sit-chip--normal{border-left:3px solid var(--gray-300)}.sit-list{border-top:var(--border)}.sit-card{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(220px,2fr) minmax(180px,auto);align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-2) var(--space-4) var(--space-4);border-bottom:1px solid var(--gray-100);border-left:3px solid transparent}.sit-card--overrun{border-left-color:var(--danger)}.sit-card--underrun{border-left-color:var(--brand-yellow)}.sit-card__main{display:flex;flex-direction:column;gap:2px}.sit-card__meta{font-size:var(--text-xs);color:var(--gray-500)}.sit-card__bars{display:flex;flex-direction:column;gap:var(--space-2)}.bar{display:grid;grid-template-columns:34px 1fr 48px;align-items:center;gap:var(--space-3)}.bar__label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500)}.bar__track{height:6px;background:var(--gray-100);border-radius:1px;overflow:hidden}.bar__fill{display:block;height:100%;background:var(--gray-400)}.bar__fill--accent{background:var(--accent)}.bar__value{font-size:var(--text-xs);color:var(--gray-700);text-align:right}.sit-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;color:var(--gray-600)}.sit-badge--overrun{color:var(--danger)}.sit-badge--underrun{color:#986600;color:oklch(55% .12 75)}@media(max-width:720px){.situation__head{flex-direction:column}.sit-card{grid-template-columns:1fr;gap:var(--space-3)}}.actmenu{position:relative;display:inline-block}.actmenu__btn{width:26px;height:24px;border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--gray-600);cursor:pointer;line-height:1;font-size:14px}.actmenu__btn:hover{border-color:var(--ink);color:var(--ink)}.actmenu__pop{position:absolute;right:0;top:calc(100% + 2px);min-width:140px;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;z-index:30;padding:var(--space-1)}.actmenu__item{display:block;width:100%;text-align:left;background:none;border:none;font-size:var(--text-sm);color:var(--ink);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.actmenu__item:hover{background:var(--gray-50)}.actmenu__item--danger{color:var(--danger)}.actmenu__item:disabled{color:var(--gray-300);cursor:not-allowed}.confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:grid;place-items:center;z-index:100;padding:var(--space-6)}.confirm__box{background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-8);max-width:400px;width:100%;box-shadow:0 8px 32px #0000001f}.confirm__title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.confirm__msg{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-6)}.confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.confirm__btn{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer}.confirm__btn:hover{background:var(--gray-50)}.confirm__btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.confirm__btn--primary:hover{background:var(--accent);border-color:var(--accent)}.confirm__btn--danger{background:var(--danger);border-color:var(--danger)}.confirm__btn--danger:hover{background:#a30018;background:oklch(45% .2 25);border-color:#a30018;border-color:oklch(45% .2 25)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}.pager__info{font-size:var(--text-xs);color:var(--gray-500)}.pager__btns{display:flex;align-items:center;gap:var(--space-3)}.pager__btn{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer}.pager__btn:hover:not(:disabled){border-color:var(--ink)}.pager__btn:disabled{opacity:.4;cursor:not-allowed}.pager__page{font-size:var(--text-xs);color:var(--gray-600)}.searchbox__input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-width:220px;transition:border-color .12s ease}.searchbox__input:focus{outline:none;border-color:var(--ink)}.searchbox__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;text-transform:capitalize;color:var(--gray-700)}.status__dot{width:6px;height:6px;border-radius:50%;background:var(--gray-400)}.status--active .status__dot{background:var(--status-active)}.status--paused .status__dot{background:var(--status-paused)}.status--ended .status__dot,.status--archived .status__dot{background:var(--status-ended)}.status--draft .status__dot{background:var(--status-draft)}.status--closed .status__dot{background:var(--status-ended)}.stoggle{display:inline-flex;align-items:center;gap:var(--space-3)}.stoggle__btn{font-size:var(--text-xs);color:var(--gray-500);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:0}.stoggle__btn:hover:not(:disabled){color:var(--ink);border-bottom-color:var(--ink)}.stoggle__btn:disabled{opacity:.4;cursor:not-allowed}.ifield{display:flex;flex-direction:column;gap:var(--space-2)}.ifield__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500)}.ifield__req{color:var(--accent)}.ifield__input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-3);width:100%;transition:border-color .12s ease}.ifield__input:focus{border-color:var(--ink)}.ifield__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ifield__input--err{border-color:#c21725}.ifield__hint{font-size:var(--text-xs);color:var(--gray-400)}.ifield__error{font-size:var(--text-xs);color:#c21725}.advpick{position:relative}.advpick__pop{position:absolute;left:0;right:0;top:calc(100% + 2px);background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;z-index:20;max-height:260px;overflow-y:auto;padding:var(--space-1)}.advpick__item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:none;font-size:var(--text-sm);color:var(--ink);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.advpick__item:hover{background:var(--gray-50)}.advpick__sub{font-size:var(--text-xs);color:var(--gray-400)}.advpick__item--create{color:var(--accent);border-top:1px solid var(--gray-100)}.advpick__empty{padding:var(--space-3);font-size:var(--text-sm);color:var(--gray-400)}.chpick{display:flex;flex-direction:column;gap:var(--space-3)}.chpick__head{display:flex;align-items:baseline;justify-content:space-between}.chpick__count{font-size:var(--text-xs);color:var(--gray-500)}.chpick__filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.chpick__filters .searchbox__input{min-width:180px}.chpick__fits-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-600)}.chpick__list{border:var(--border);border-radius:var(--radius);max-height:360px;overflow-y:auto}.chpick__empty{padding:var(--space-4);color:var(--gray-500);font-size:var(--text-sm)}.chpick__group+.chpick__group{border-top:var(--border)}.chpick__group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gray-50);position:sticky;top:0;z-index:1}.chpick__group-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--ink);padding:0}.chpick__caret{color:var(--gray-400);font-size:.7em;width:10px}.chpick__group-count{font-size:var(--text-xs);color:var(--gray-500)}.chpick__group-all{background:none;border:none;font-size:var(--text-xs);color:var(--gray-500);cursor:pointer;border-bottom:1px solid transparent;padding:0}.chpick__group-all:hover{color:var(--accent);border-bottom-color:var(--accent)}.chpick__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-6);border-bottom:1px solid var(--gray-100);transition:background .1s ease}.chpick__row:last-child{border-bottom:none}.chpick__row--on{background:var(--gray-50)}.chpick__check{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;flex:1}.chpick__check input{margin-top:3px}.chpick__info{display:flex;flex-direction:column;gap:2px}.chpick__name{display:flex;align-items:center;gap:var(--space-2)}.chpick__fits{font-size:.625rem;font-weight:var(--weight-medium);color:var(--status-active);border:1px solid var(--status-active);border-radius:var(--radius);padding:0 4px}.chpick__sub{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-500)}.chpick__sizes{display:inline-flex;gap:4px;flex-wrap:wrap}.chpick__size{font-size:.625rem;color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius);padding:0 4px}.chpick__weight{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-500);flex-shrink:0}.chpick__weight input{width:60px;font-family:var(--font-mono);font-size:var(--text-sm);border:var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);text-align:right}.banners{margin-top:var(--space-16);padding-top:var(--space-8);border-top:var(--border)}.banners__note{font-size:var(--text-xs);color:var(--gray-500);margin:var(--space-2) 0 var(--space-6)}.banners__list{display:flex;flex-direction:column;border-top:var(--border);margin-bottom:var(--space-8)}.banners__empty{padding:var(--space-8) 0;color:var(--gray-500);font-size:var(--text-sm)}.banner-row{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--gray-100)}.banner-row__thumb{width:64px;height:48px;border:var(--border);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;background:var(--gray-50)}.banner-row__thumb img{max-width:100%;max-height:100%;object-fit:contain}.banner-row__noimg{font-size:.625rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.banner-row__meta{display:flex;flex-direction:column;gap:var(--space-1)}.banner-row__dim{font-size:var(--text-xs);color:var(--gray-500)}.banner-row__side{display:flex;align-items:center;gap:var(--space-4)}.banner-row__upload{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink);border-bottom:1px solid var(--ink);cursor:pointer;padding-bottom:1px}.banner-row__upload:hover{color:var(--accent);border-bottom-color:var(--accent)}.banner-row__del{font-size:var(--text-xs);color:var(--gray-500);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:0}.banner-row__del:hover{color:var(--danger);border-bottom-color:var(--danger)}.banner-row__edit-btn{font-size:var(--text-xs);color:var(--gray-500);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:0}.banner-row__edit-btn:hover{color:var(--accent);border-bottom-color:var(--accent)}.banner-row--edit{flex-direction:column;align-items:stretch;gap:var(--space-4);background:var(--gray-50)}.banner-row__edit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start}.banner-row__edit-actions{display:flex;align-items:center;gap:var(--space-4)}.banner-row__cancel{font-size:var(--text-sm);color:var(--gray-500);background:none;border:none;cursor:pointer;padding:0}.banner-row__cancel:hover{color:var(--ink)}@media(max-width:720px){.banner-row__edit-grid{grid-template-columns:repeat(2,1fr)}}.banner-channels{display:flex;flex-direction:column;gap:var(--space-2)}.banner-channels__hint{font-size:var(--text-xs);color:var(--gray-500);margin:0}.banner-channels__list{display:flex;flex-direction:column;border:var(--border);border-radius:var(--radius);overflow:hidden}.banner-channels__row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;border-bottom:1px solid var(--gray-100)}.banner-channels__row:last-child{border-bottom:none}.banner-channels__row:hover{background:var(--paper)}.banner-channels__sub{font-size:var(--text-xs);color:var(--gray-500);text-align:right}.banners__form{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start;padding:var(--space-6);border:var(--border);border-radius:var(--radius);background:var(--gray-50)}.banners__form-action{grid-column:1 / -1;justify-self:start}@media(max-width:720px){.banners__form{grid-template-columns:1fr 1fr}}.banner-row__name{display:inline-flex;align-items:center;gap:var(--space-2)}.banner-row__kind{font-size:.625rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:0 4px}.banners__form-code,.banner-row__edit-code{grid-column:1 / -1}.banner-code-input{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;resize:vertical;min-height:84px}.cform{display:flex;flex-direction:column;gap:var(--space-8);max-width:820px}.cform__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.cform__channels{max-width:520px}.cform__actions{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-4);border-top:var(--border)}.cform__cancel{font-size:var(--text-sm);color:var(--gray-500);border-bottom:1px solid transparent}.cform__cancel:hover{color:var(--ink);border-bottom-color:var(--ink)}.form__top-error{font-size:var(--text-sm);color:#c21725;padding:var(--space-3) var(--space-4);border:1px solid oklch(52% .2 25 / .4);border-radius:var(--radius);margin-bottom:var(--space-6)}.crumb{color:var(--gray-500);border-bottom:1px solid transparent}.crumb:hover{color:var(--ink);border-bottom-color:var(--hairline)}@media(max-width:720px){.cform__grid{grid-template-columns:1fr}}.embed__box{max-width:640px;width:92vw}.embed__hint{font-size:var(--text-xs);color:var(--gray-500);margin:0 0 var(--space-3)}.embed__hint code{font-family:var(--font-mono);background:var(--gray-100);border-radius:3px;padding:0 3px}.embed__code{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--gray-50);border:var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-all;max-height:320px;overflow-y:auto}.sizes{display:flex;flex-direction:column;gap:var(--space-3)}.sizes__rows{display:flex;flex-direction:column;gap:var(--space-2)}.sizes__empty{font-size:var(--text-sm);color:var(--gray-500)}.sizes__row{display:flex;align-items:center;gap:var(--space-2)}.sizes__row input{width:80px;font-family:var(--font-mono);font-size:var(--text-sm);border:var(--border);border-radius:var(--radius);padding:var(--space-2);text-align:right}.sizes__x{color:var(--gray-400)}.sizes__del{width:24px;height:24px;border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--gray-500);cursor:pointer;line-height:1}.sizes__del:hover{color:var(--paper);background:#c21725;border-color:#c21725}.sizes__presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sizes__preset{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--gray-600);cursor:pointer;transition:border-color .1s ease,color .1s ease}.sizes__preset:hover{color:var(--ink);border-color:var(--ink)}.sizes__preset--custom{font-family:var(--font-sans);color:var(--accent);border-color:transparent}.roles-pick{border:none;padding:0;margin:0}.roles-pick legend{padding:0;margin-bottom:var(--space-3)}.roles-pick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.roles-pick__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;transition:border-color .1s ease,background .1s ease}.roles-pick__item:hover{border-color:var(--gray-400)}.roles-pick__item--on{border-color:var(--ink);background:var(--gray-50)}.roles-pick__key{color:var(--gray-500);font-size:var(--text-xs)}.pw-reset{margin-top:var(--space-12);padding-top:var(--space-6);border-top:var(--border);max-width:520px}.pw-reset__row{display:flex;align-items:flex-end;gap:var(--space-4);margin-top:var(--space-4)}.pw-reset__row .ifield{flex:1}.pw-reset__msg{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--status-active)}.matrix-wrap{border:var(--border);border-radius:var(--radius)}.matrix{font-size:var(--text-sm)}.matrix th,.matrix td{border-bottom:1px solid var(--gray-100)}.matrix thead th{position:sticky;top:0;background:var(--paper);border-bottom:var(--border);padding:var(--space-3) var(--space-4);text-align:center;vertical-align:bottom}.matrix__corner{text-align:left!important;min-width:220px}.matrix__role{white-space:nowrap}.matrix__rolekey{display:block;font-size:.625rem;font-weight:var(--weight-regular);color:var(--gray-400);text-transform:none;letter-spacing:0;margin-top:2px}.matrix__perm{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.matrix__perm .mono{font-size:var(--text-sm)}.matrix__desc{font-size:var(--text-xs);color:var(--gray-500)}.matrix__cell{text-align:center;padding:var(--space-3)}.matrix__cell input{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.matrix__cell input:disabled{cursor:not-allowed;accent-color:var(--gray-400)}.matrix tbody tr:hover{background:var(--gray-50)}.chart-frame{position:relative;width:100%}.chart-svg{display:block;overflow:visible}.chart-grid{stroke:var(--hairline);stroke-width:1}.chart-axis{stroke:var(--ink);stroke-width:1}.chart-area{fill:var(--accent);opacity:.1}.chart-line-a{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round}.chart-line-b{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:3 2;stroke-linejoin:round}.chart-ylabel{font-family:var(--font-mono);font-size:9px;fill:var(--gray-500);text-anchor:end}.chart-xlabel{font-family:var(--font-mono);font-size:9px;fill:var(--gray-400);text-anchor:middle}.chart-crosshair{stroke:var(--gray-300);stroke-width:1}.chart-dot-a{fill:var(--accent)}.chart-dot-b{fill:var(--ink)}.chart-tip{position:absolute;pointer-events:none;background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:120px;z-index:5}.chart-tip__date{font-family:var(--font-mono);color:var(--gray-500);margin-bottom:2px}.chart-tip__row{display:flex;align-items:center;gap:var(--space-2)}.chart-tip__row .num{margin-left:auto}.chart-legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--gray-600)}.chart-sw{display:inline-block;width:10px;height:2px;border-radius:1px}.chart-sw--a{background:var(--accent)}.chart-sw--b{background:var(--ink)}.pacing{display:flex;align-items:center;gap:var(--space-3);width:100%}.pacing__track{position:relative;flex:1;height:8px;background:var(--gray-100);border-radius:1px;overflow:hidden}.pacing__fill{display:block;height:100%;background:var(--accent)}.pacing__fill--behind{background:var(--brand-yellow)}.pacing__tick{position:absolute;top:-2px;width:2px;height:12px;background:var(--ink);transform:translate(-1px)}.pacing__val{font-size:var(--text-xs);color:var(--gray-700);width:44px;text-align:right}.ranked{display:flex;flex-direction:column;gap:var(--space-3)}.ranked__row{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;align-items:center;gap:var(--space-3)}.ranked__label{font-size:var(--text-sm);display:flex;flex-direction:column}.ranked__sub{font-size:var(--text-xs);color:var(--gray-500)}.ranked__bar{height:8px;background:var(--gray-100);border-radius:1px;overflow:hidden}.ranked__fill{display:block;height:100%;background:var(--accent)}.ranked__val{font-size:var(--text-sm);color:var(--gray-700);text-align:right;min-width:52px}.qerror{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);background:var(--gray-50)}.qerror__msg{font-size:var(--text-sm);color:var(--ink);margin:0}.qerror__retry{flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent);background:none;border:1px solid var(--accent);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer}.qerror__retry:hover{background:var(--accent);color:var(--paper)}.spark{display:block;color:var(--accent);overflow:visible}.spark--empty{color:var(--gray-400);font-size:var(--text-xs)}.rpt-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.rpt-presets{display:inline-flex;border:var(--border);border-radius:var(--radius);overflow:hidden}.rpt-preset{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);background:var(--paper);border:none;border-right:1px solid var(--hairline);color:var(--gray-600);cursor:pointer}.rpt-preset:last-child{border-right:none}.rpt-preset:hover{color:var(--ink);background:var(--gray-50)}.rpt-preset--on{background:var(--ink);color:var(--paper)}.rpt-dates{display:flex;align-items:center;gap:var(--space-2)}.rpt-dates input{font-family:var(--font-mono);font-size:var(--text-xs);border:var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2)}.rpt-range{margin-left:auto;font-size:var(--text-xs);color:var(--gray-500)}.rpt-tabs{display:flex;gap:var(--space-6);border-bottom:var(--border);margin-bottom:var(--space-8)}.rpt-tab{background:none;border:none;padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.rpt-tab:hover{color:var(--ink)}.rpt-tab--on{color:var(--ink);font-weight:var(--weight-medium);border-bottom-color:var(--accent)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-10)}.kpi{padding:var(--space-5) var(--space-6) var(--space-5);border-right:var(--border);border-bottom:var(--border)}.kpi__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500)}.kpi__value{margin-top:var(--space-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,1.05rem + .8vw,1.6rem);font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--ink);line-height:1.1;overflow-wrap:anywhere}.kpi__delta{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.kpi__delta--up{color:var(--status-active, var(--brand-green))}.kpi__delta--down{color:var(--danger)}.rpt-compare-note{font-size:var(--text-xs);color:var(--gray-500);margin:var(--space-3) 0 0}.rpt-actions{display:flex;gap:var(--space-2)}@media print{.topbar,.sidebar,.scrim,.rpt-tabs,.rpt-controls,.rpt-actions,.page__head--row>div+*{display:none!important}.content{margin-left:0!important;padding:0!important;max-width:none!important}.kpi-grid,.matrix-wrap,.table-wrap{break-inside:avoid}}.rpt-section{margin-bottom:var(--space-12)}.rpt-section h2,.rpt-section .eyebrow{margin-bottom:var(--space-4)}.rpt-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}@media(max-width:900px){.rpt-cols{grid-template-columns:1fr;gap:var(--space-8)}}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover,.th-sort--on{color:var(--ink)}.th-sort__arrow{font-size:.7em;margin-left:2px}.rpt-crumb{font-size:var(--text-xs);color:var(--gray-500);margin-bottom:var(--space-2)}.rpt-crumb a{color:var(--gray-500);border-bottom:1px solid transparent}.rpt-crumb a:hover{color:var(--accent);border-bottom-color:var(--accent)}.pacing-panel{border:var(--border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-10)}.pacing-panel__nums{display:flex;gap:var(--space-8);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--gray-500)}.pacing-panel__nums b{color:var(--ink);font-family:var(--font-mono)}.rpt-chart-wrap{margin-bottom:var(--space-10)}.rpt-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:720px){.rpt-detail-head{flex-direction:column}}.profile-info{display:flex;gap:var(--space-10, 2.5rem);margin:0 0 var(--space-8) 0;padding:var(--space-5);border:var(--border);border-radius:var(--radius);background:var(--gray-50)}.profile-info dt{margin-bottom:var(--space-1)}.profile-info dd{margin:0;font-size:var(--text-base);color:var(--ink)}.profile-form{max-width:420px}.profile-form h2{margin-bottom:var(--space-4)}.prep{max-width:820px;margin:0 auto;padding:var(--space-12) var(--space-8);color:var(--ink);background:var(--paper)}.prep__toolbar{display:flex;gap:var(--space-3);justify-content:flex-end;margin-bottom:var(--space-8)}.prep__toolbar button{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper);cursor:pointer}.prep__toolbar button:first-child{background:var(--ink);color:var(--paper)}.prep__head{border-bottom:2px solid var(--ink);padding-bottom:var(--space-5);margin-bottom:var(--space-8)}.prep__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);margin-bottom:var(--space-4)}.prep__mark{width:12px;height:12px;border-radius:2px;background:linear-gradient(135deg,var(--brand-red) 0 50%,var(--brand-blue) 50% 100%)}.prep__head h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.prep__meta{font-size:var(--text-sm);color:var(--gray-600)}.prep__kpis{display:grid;grid-template-columns:repeat(4,1fr);border:var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-10)}.prep__kpi{padding:var(--space-5) var(--space-6);border-right:var(--border)}.prep__kpi:last-child{border-right:none}.prep__kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.prep__kpi-value{margin-top:var(--space-2);font-size:1.6rem;font-weight:var(--weight-medium);letter-spacing:-.01em}.prep__section{margin-bottom:var(--space-10)}.prep__section h2{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border)}.prep__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.prep__table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-bottom:var(--border)}.prep__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100)}.prep__table .r{text-align:right}.prep__foot{margin-top:var(--space-12);padding-top:var(--space-4);border-top:var(--border);font-size:var(--text-xs);color:var(--gray-400);text-align:center}@media print{.prep{max-width:none;margin:0;padding:0}.prep__toolbar{display:none}.prep__section,.prep__kpis{break-inside:avoid}.prep__table thead{display:table-header-group}@page{margin:16mm}}:root{--ink: oklch(18% 0 0);--paper: oklch(99% 0 0);--gray-50: oklch(98% 0 0);--gray-100: oklch(96% 0 0);--gray-200: oklch(92% 0 0);--gray-300: oklch(87% 0 0);--gray-400: oklch(72% 0 0);--gray-500: oklch(58% 0 0);--gray-600: oklch(46% 0 0);--gray-700: oklch(36% 0 0);--gray-900: oklch(22% 0 0);--hairline: oklch(88% 0 0);--brand-red: #ed1c24;--brand-blue: #0072bc;--brand-green: #53b147;--brand-yellow: #fdb813;--accent: var(--brand-blue);--accent-ink: oklch(99% 0 0);--danger: var(--brand-red);--status-active: var(--brand-green);--status-paused: var(--brand-yellow);--status-ended: var(--gray-500);--status-draft: var(--gray-400);--font-sans: "Inter Tight", "Noto Sans Thai", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius: 2px;--border: 1px solid var(--hairline);--sidebar-w: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;color:var(--ink);background:var(--paper)}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500)}