:root{--bg:#f6f7f5;--panel:#fff;--panel-soft:#f9faf7;--ink:#171b1e;--muted:#626b73;--line:#dce2de;--line-strong:#bcc7c0;--teal:#0f766e;--teal-dark:#0b5f58;--amber:#b26a00;--red:#b42318;--blue:#2457a7;--shadow:0 12px 30px #1e2a2314;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{border:0}.app-shell{min-height:100vh;padding:22px}.topbar{grid-template-columns:minmax(220px,280px) 1fr auto;align-items:center;gap:16px;max-width:1180px;margin:0 auto 18px;display:grid}.sheet-selector{border-radius:var(--radius);background:#e8f7f4;border:1px solid #7fc2b7;gap:7px;padding:12px;display:grid;box-shadow:0 10px 26px #0f766e1f}.sheet-selector span{color:#075544;font-size:12px;font-weight:700}.sheet-selector select{border-radius:var(--radius);color:#10201d;background:#fff;border:1px solid #69aaa1;outline:none;width:100%;min-height:42px;padding:0 11px;font-weight:700}.title-block h1{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.12}.title-block p{color:var(--muted);margin:7px 0 0;font-size:14px}.sync-pill{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.sync-pill.config-refresh{color:#075544;background:#e8f7f4;border-color:#7fc2b7;min-height:48px;padding:0 15px;box-shadow:0 8px 22px #0f766e1f}.sync-pill.config-refresh span{text-align:left;gap:2px;display:grid}.sync-pill.config-refresh strong{font-size:13px;line-height:1.1}.sync-pill.config-refresh small{color:#49746e;font-size:11px}.layout{grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);align-items:start;gap:18px;max-width:1180px;margin:0 auto;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 0;display:flex}.panel-header h2{letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.raw-panel{position:sticky;top:18px}.raw-textarea{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius);width:calc(100% - 32px);min-height:290px;color:var(--ink);background:var(--panel-soft);outline:none;margin:14px 16px 0;padding:14px;line-height:1.55;display:block}.raw-textarea:focus,.field input:focus,.field select:focus,.sheet-selector select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e21}.raw-actions{align-items:center;gap:10px;padding:14px 16px 16px;display:flex}.button{border-radius:var(--radius);background:var(--teal);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:background .16s,transform .16s;display:inline-flex}.button:hover{background:var(--teal-dark)}.button:disabled{cursor:not-allowed;opacity:.55}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#eef3f1}.button.secondary:hover{background:#e3ebe7}.button.full{width:100%}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.micro-copy{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.form-panel{padding-bottom:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label,.field>span{color:var(--muted);font-size:13px}.field input,.field select{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:#fff;outline:none;padding:0 11px}.field input[readonly]{color:#3b454b;background:#f0f4f1}.field select:disabled,.field input:disabled{color:#7a858c;cursor:not-allowed;background:#f0f4f1}.combobox{position:relative}.combobox-control{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:42px;padding:0 10px;display:grid}.combobox-control:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e21}.field .combobox-control input{min-height:40px;box-shadow:none;background:0 0;border:0;padding:0}.field .combobox-control input:focus{box-shadow:none;border:0}.combobox-icon{color:var(--muted);pointer-events:none}.combobox-menu{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:260px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 36px #1e2a2329}.combobox-option{width:100%;min-height:36px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:6px;padding:8px 10px;display:block}.combobox-option:hover,.combobox-option.selected{color:#075544;background:#e8f7f4}.combobox-empty{color:var(--muted);padding:12px 10px;font-size:13px}.checkbox-field{border-radius:var(--radius);color:#075544;background:#ecf9f4;border:1px solid #a9d8c8;align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:13px;display:flex}.checkbox-field input{width:16px;min-height:16px;box-shadow:none;accent-color:var(--teal);border:0;padding:0}.field-help{min-height:16px;color:var(--muted);font-size:12px}.status-row{gap:8px;padding:0 16px 14px;display:grid}.notice{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f8fbf9;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.notice.warning{color:#66420c;background:#fff8e8;border-color:#efd8a2}.notice.error{color:var(--red);background:#fff1f1;border-color:#f0b8b8}.notice.success{color:#075544;background:#ecf9f4;border-color:#a9d8c8}.modal-backdrop{z-index:50;background:#171b1e5c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.success-modal{border-radius:var(--radius);background:#fff;border:1px solid #a9d8c8;gap:16px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 70px #171b1e3d}.success-modal-icon{aspect-ratio:1;width:54px;color:var(--teal);background:#ecf9f4;border-radius:50%;place-items:center;display:grid}.success-modal-copy{gap:7px;display:grid}.success-modal-copy h2{margin:0;font-size:21px;line-height:1.2}.success-modal-copy p{color:var(--muted);margin:0;line-height:1.55}.success-modal-copy small{color:var(--muted);overflow-wrap:anywhere}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.chip strong{color:var(--blue);margin-left:6px;font-weight:650}.submit-zone{padding:0 16px}.footer-note{max-width:1180px;color:var(--muted);margin:18px auto 0;font-size:12px}.admin-shell{max-width:1280px;margin:0 auto}.admin-toolbar,.admin-actions,.admin-filterbar{grid-template-columns:minmax(260px,1fr) minmax(220px,.6fr) auto;align-items:end;gap:12px;max-width:1180px;margin:0 auto 14px;display:grid}.admin-actions{grid-template-columns:auto minmax(180px,240px) auto auto auto auto;align-items:end}.admin-filterbar{grid-template-columns:minmax(240px,420px)}.admin-input{color:var(--muted);gap:7px;font-size:13px;display:grid}.admin-input span{align-items:center;gap:6px;display:inline-flex}.admin-input input{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:40px;color:var(--ink);background:#fff;outline:none;padding:0 11px}.admin-input input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e21}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto 14px;display:grid}.admin-summary div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:4px;padding:14px 16px;display:grid}.admin-summary strong{font-size:26px;line-height:1}.admin-summary span{color:var(--muted);font-size:13px}.admin-settings{border-radius:var(--radius);background:#ecf9f4;border:1px solid #a9d8c8;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 14px;padding:14px 16px;display:flex}.admin-setting-copy{color:#075544;align-items:center;gap:11px;display:flex}.admin-setting-copy div{gap:3px;display:grid}.admin-setting-copy span,.toggle-control span{color:#49746e;font-size:13px}.admin-setting-copy small{color:#49746e;font-size:12px}.admin-setting-copy strong{font-size:18px;line-height:1.1}.toggle-control{color:#075544;white-space:nowrap;align-items:center;gap:10px;font-weight:650;display:inline-flex}.toggle-control input{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:#cbd5d1;border-radius:999px;width:42px;height:24px;margin:0;position:relative}.toggle-control input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #171b1e3d}.toggle-control input:checked{border-color:var(--teal);background:var(--teal)}.toggle-control input:checked:before{transform:translate(18px)}.toggle-control input:disabled{cursor:not-allowed;opacity:.55}.admin-notice{max-width:1180px;margin:0 auto 14px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.channel-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);gap:12px;padding:14px;display:grid}.channel-card-main{grid-template-columns:1fr 104px;align-items:start;gap:12px;display:grid}.channel-card h2{margin:0 0 8px;font-size:17px;line-height:1.25}.channel-card img,.qr-placeholder{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:104px}.qr-placeholder{color:var(--muted);text-align:center;place-items:center;padding:8px;font-size:12px;display:grid}.status-badge{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.status-badge.enabled{color:#075544;background:#ecf9f4;border-color:#a9d8c8}.status-badge.disabled{color:var(--red);background:#fff1f1;border-color:#f0b8b8}.channel-meta{gap:8px;margin:0;display:grid}.channel-meta div{gap:4px;display:grid}.channel-meta dt{color:var(--muted);font-size:12px}.channel-meta dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.channel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center;background:#ffffffad;grid-column:1/-1;padding:22px}@media (max-width:860px){.app-shell{padding:14px}.topbar,.layout,.admin-toolbar,.admin-actions,.admin-filterbar,.admin-settings{grid-template-columns:1fr}.admin-settings{flex-direction:column;align-items:stretch}.toggle-control{justify-content:space-between}.sync-pill{justify-self:start}.raw-panel{position:static}.raw-textarea{min-height:220px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.form-grid,.admin-summary,.channel-grid{grid-template-columns:1fr}.raw-actions{flex-wrap:wrap}.button{flex:auto}.micro-copy{text-align:left;flex-basis:100%;margin-left:0}}