.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}}.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)}}.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}.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}}.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}}.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}: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;--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}