.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--brand-navy);color:var(--text-on-dark)}.logo{height:36px}.topbar-title{font-weight:700;font-size:18px}.menu-btn{display:none;background:none;border:0;color:inherit;padding:8px;cursor:pointer}.tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:56px;z-index:19}.tabs a{white-space:nowrap;padding:8px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px}.tabs a:hover{background:var(--bg-hover)}.tabs a.active{background:var(--brand-navy);color:var(--text-on-dark);font-weight:600}.content{flex:1;padding:16px;max-width:1600px;width:100%;margin:0 auto}@media (max-width: 760px){.menu-btn{display:block}.tabs{display:none;flex-direction:column;position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);overflow-y:auto;box-shadow:var(--shadow)}.tabs.open{display:flex}.tabs a{padding:14px;font-size:16px}.content{padding:12px}}.tabs a.tab-manage{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--brand-navy-2)}.layout-error{margin:12px 16px 0}@media (max-width: 760px){.tabs a.tab-manage{margin-left:0}}.topbar-user{margin-left:auto;font-size:14px;opacity:.85}.logout-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:none;color:inherit}.logout-btn:hover{background:#ffffff1f}@media (max-width: 760px){.topbar-user,.logout-btn span{display:none}}.tabs a.tab-admin{display:inline-flex;align-items:center;gap:4px;color:var(--brand-navy-2)}.tabs a.tab-manage.active,.tabs a.tab-admin.active{color:var(--text-on-dark)}.picker{display:flex;flex-direction:column;gap:10px}.picker-top{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.picker-top button{display:flex;align-items:center;gap:6px;padding:8px;cursor:pointer;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-weight:600}.picker-top img{width:24px;height:16px;object-fit:cover;border-radius:2px}.picker-top button.on,.picker-list button.on{background:var(--brand-navy);color:var(--text-on-dark);border-color:var(--brand-navy)}.picker-list{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.picker-list button{text-align:left;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer;color:var(--text-primary)}.picker-list button:hover{background:var(--bg-hover)}.picker-list span{font-size:13px}@media (max-width: 960px){.picker-top{grid-template-columns:repeat(5,1fr)}.picker-list{max-height:220px}}@media (max-width: 480px){.picker-top{grid-template-columns:repeat(3,1fr)}}.sort-table th{position:sticky}.sort-table td{position:relative}.col-resize{position:absolute;top:0;right:-4px;width:8px;height:100%;z-index:6;cursor:col-resize;touch-action:none}.col-resize:after{content:"";position:absolute;top:20%;bottom:20%;left:3px;width:2px;background:#ffffff59;border-radius:1px}.col-resize:hover:after{background:var(--accent-yellow);top:0;bottom:0}.row-resize{position:absolute;left:0;bottom:-3px;width:4000px;height:6px;z-index:2;cursor:row-resize;touch-action:none}.row-resize:hover{background:var(--accent-yellow);opacity:.6}.table-box{display:flex;flex-direction:column}.box-resize{height:12px;margin-top:2px;border-radius:6px;cursor:row-resize;touch-action:none;background:repeating-linear-gradient(90deg,var(--border) 0 6px,transparent 6px 10px) center / 60px 3px no-repeat}.box-resize:hover{background-color:var(--bg-hover)}body.resizing{-webkit-user-select:none;user-select:none;cursor:grabbing}.box-tools{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.box-hint{margin-right:auto;font-size:13px;color:var(--brand-navy-2);background:var(--cond-warn);padding:4px 10px;border-radius:6px}.small-btn{padding:6px 10px;font-size:13px}.table-wrap.is-editing{outline:2px solid var(--accent-yellow)}td.editable{cursor:text}td.editable:hover{outline:2px dashed var(--accent-yellow);outline-offset:-3px}.cell-editor{display:flex;flex-direction:column;gap:6px}.cell-input{width:100%;padding:6px 8px;border:2px solid var(--brand-navy);border-radius:6px;font:inherit;color:var(--text-primary);background:var(--bg-card);resize:vertical}.cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}.gb{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.gb-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:10px}.gb-main{display:flex;flex-direction:column;gap:16px;min-width:0}.card.gb-country{display:flex;align-items:center;gap:16px;background:var(--brand-navy-2);color:var(--text-on-dark)}.gb-country .muted{color:var(--bg-soft)}.gb-country img{width:72px;height:48px;object-fit:cover;border-radius:4px}.gb-country h1{margin:0;font-size:28px}.gb-note{border-left:6px solid var(--danger);color:var(--danger-text)}.gb-searches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small{font-size:13px;margin:0 0 10px}.table-wrap.short{max-height:360px}.count{margin:8px 0}.gb-result{display:grid;grid-template-columns:1fr 280px;gap:10px;margin:12px 0}.gb-result>div{padding:12px 16px;border-radius:10px;background:var(--bg-hover)}.gb-result b{font-size:18px}.gb-result-cond.ok{background:var(--cond-ok)}.gb-result-cond.warn{background:var(--cond-warn)}.gb-result-cond.ban{background:var(--cond-ban);color:var(--text-on-dark)}@media (max-width: 960px){.gb{grid-template-columns:1fr}.gb-side{position:static}.gb-result,.gb-searches{grid-template-columns:1fr}.gb-country h1{font-size:22px}}.gb-more{width:100%;justify-content:center;margin-top:10px}.gb-note{position:relative}.gb-note-edit{margin-left:10px;vertical-align:middle}.gb-note-text{white-space:pre-line}.gb-empty{padding:48px 24px;font-size:16px}.ct{display:flex;flex-direction:column;gap:16px}.ct-head h1{margin:0 0 6px;color:var(--brand-navy-2);font-size:24px}.ct-head p{margin:4px 0}.ct-flags{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.ct-flags button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:2px solid transparent;border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow);cursor:pointer}.ct-flags button.on{border-color:var(--brand-navy)}.ct-flags img{width:56px;height:38px;object-fit:cover;border-radius:3px}.ct-flags span{font-size:12px;text-align:center}.ct-tools{display:flex;gap:8px;margin-bottom:10px}.ct-clear{padding:0 14px;border:0;border-radius:10px;background:var(--brand-navy);color:var(--text-on-dark);cursor:pointer;white-space:nowrap}.table-wrap.tall{max-height:calc(100vh - 320px);min-height:300px;margin-top:10px}.ct-no{color:var(--danger-text);font-weight:600}@media (max-width: 960px){.ct-flags{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:240px}}.ct-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.ct-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;border:1px solid var(--brand-navy);border-radius:999px;background:var(--bg-soft);font-size:13px;font-weight:600}.ct-chip img{width:20px;height:14px;object-fit:cover;border-radius:2px}.ct-chip button{display:inline-flex;padding:3px;border:0;border-radius:50%;cursor:pointer;background:var(--brand-navy);color:var(--text-on-dark)}.ct-flags button.on{background:var(--bg-soft)}.img-page{display:flex;flex-direction:column;align-items:center;gap:12px}.img-tools{align-self:stretch;display:flex;justify-content:flex-end;gap:8px}.img-item{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%}.img-item img{display:block;max-width:100%;max-height:calc(100vh - 150px);border-radius:10px;box-shadow:var(--shadow);background:var(--bg-card)}.img-del{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:10px;cursor:pointer;background:var(--danger);color:var(--text-on-dark);font-weight:600;box-shadow:var(--shadow)}@media (max-width: 760px){.img-item img{max-height:none}}.img-grid{display:grid;gap:16px;width:100%;align-items:start;justify-items:center}.img-grid.n-1{grid-template-columns:1fr}.img-grid.n-2,.img-grid.n-4{grid-template-columns:repeat(2,1fr)}.img-grid.n-3,.img-grid.n-5{grid-template-columns:repeat(3,1fr)}.img-grid:not(.n-1) .img-item,.img-grid:not(.n-1) .img-item a{width:100%}.img-grid:not(.n-1) .img-item img{width:100%;max-height:none}@media (max-width: 1100px){.img-grid.n-3,.img-grid.n-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.img-grid{grid-template-columns:1fr!important}}.mt{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.mt-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.mt-head .section-title{margin:0;flex:1}.mt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mt-list li{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:10px}.mt-move{display:flex;flex-direction:column;gap:2px}.mt-move button{padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer}.mt-move button:disabled{opacity:.3;cursor:default}.mt-title{flex:1;display:flex;flex-direction:column;color:var(--text-primary);text-decoration:none;font-weight:600}.mt-title .muted{font-size:13px;font-weight:400}.adm{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.adm-hits{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.adm-hits li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px}.adm-who{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.adm-who .small{margin:0}.adm-icon{color:var(--brand-navy);flex-shrink:0}@media (max-width: 600px){.adm-hits li{flex-wrap:wrap}}.adm.adm-wide{max-width:1400px}.log-filters{display:grid;grid-template-columns:1fr 220px;gap:8px;margin-bottom:10px}.log-old{color:var(--danger-text);text-decoration:line-through;text-decoration-color:#c8000e66;white-space:pre-wrap}.log-new{color:var(--success);white-space:pre-wrap}@media (max-width: 600px){.log-filters{grid-template-columns:1fr}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--brand-navy)}.login-box{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px}.login-logo{align-self:center;background:var(--brand-navy);border-radius:10px;padding:12px 24px}.login-logo img{display:block;height:72px;width:auto}.login-box h1{margin:0;text-align:center;color:var(--brand-navy-2);font-size:24px}.login-box>p{margin:0;text-align:center}.login-box label{display:flex;flex-direction:column;gap:6px;font-weight:600}.login-btn{justify-content:center;padding:14px;font-size:16px}:root{--brand-navy: #012546;--brand-navy-2: #0b224d;--accent-yellow: #f6db5b;--bg-page: #eef3fb;--bg-card: #ffffff;--bg-hover: #e6eefc;--bg-soft: #d6e9ff;--border: #c4d2ff;--text-primary: #1b1f2a;--text-secondary: #4a5568;--text-on-dark: #ffffff;--danger: #d60010;--danger-text: #c8000e;--success: #1b6e2a;--cond-ok: #a0d1ff;--cond-warn: #ffe97e;--cond-ban: #d60010;--shadow: 0 2px 10px rgba(1, 37, 70, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:Sarabun,system-ui,sans-serif;font-size:15px}input,button{font-family:inherit;font-size:inherit}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);padding:16px}.section-title{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:var(--bg-soft);color:var(--brand-navy-2);font-size:17px;font-weight:700}.panel-head{margin:-16px -16px 12px;padding:10px 16px;border-radius:12px 12px 0 0;background:var(--accent-yellow);color:var(--brand-navy-2);font-weight:700}.search{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary)}.search:focus{outline:2px solid var(--brand-navy)}.table-wrap{overflow-y:auto;overflow-x:hidden;max-height:520px;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;z-index:5;text-align:left;padding:10px;background:var(--brand-navy-2);color:var(--text-on-dark);font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable>*{vertical-align:middle}th.sortable svg{margin-left:4px}th .sort-idle{opacity:.4}table.sort-table{table-layout:fixed}td,th{overflow-wrap:break-word}td{padding:9px 10px;border-bottom:1px solid var(--bg-hover);vertical-align:top}tbody tr:nth-child(2n){background:#f7f9ff}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--bg-hover)}tbody tr.selected{background:var(--bg-soft)!important}td.num{text-align:right;white-space:nowrap}.muted{color:var(--text-secondary)}.state{padding:24px;text-align:center;color:var(--text-secondary)}.error{padding:14px;border-radius:10px;background:#ffe5e7;color:var(--danger-text)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--cond-ok);color:var(--brand-navy-2)}.badge.warn{background:var(--cond-warn);color:#5a4700}.badge.ban{background:var(--cond-ban);color:var(--text-on-dark)}.badge.none{background:var(--bg-hover);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-weight:600}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--text-on-dark)}.btn.danger{color:var(--danger-text)}.sort-table th,.sort-table td{padding:8px;font-size:14px}