:root{font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292d32;background:#f6f5f1;font-synthesis:none;line-height:1.65;font-size:16px;--accent:#b54429;--border:#e4e5df;--muted:#6b7278}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:10px}h2{font-size:1.15rem;line-height:1.5;margin-bottom:18px}h3{font-size:1rem;margin-bottom:8px}p{margin-bottom:14px}strong{font-weight:650}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ca7155;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #d18b74;outline-offset:2px}hr{border:0;border-top:1px solid var(--border);margin:28px 0}.muted{color:var(--muted)}.small{font-size:.875rem}.break{overflow-wrap:anywhere}.grow{flex:1;min-width:0}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--accent);margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#232c2b;color:#d9e0dd;padding:36px 24px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:1.4rem;font-weight:650;letter-spacing:-.04em}.brand-mark{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;background:#df684a;color:white;border-radius:12px;font-size:1.8rem;line-height:1;font-weight:750;letter-spacing:-.1em;padding-right:4px;flex-shrink:0}.brand-caption{display:block;font-size:.6rem;letter-spacing:.18em;color:#acb9b5;line-height:1.8}.sidebar nav{margin-top:52px;display:grid;gap:8px}.nav-link{padding:12px 13px;border-radius:9px;display:flex;gap:13px;font-size:.925rem}.nav-link>span{width:18px;font-size:1.1rem;line-height:1.4;text-align:center}.nav-link.active{color:white;background:#3c4946}.nav-link:hover{background:#303c38}.sidebar-bottom{margin-top:auto;padding-top:40px;border-top:1px solid #3c4642}.account-label{color:#a9b7b1;font-size:.75rem;display:block}.account-email{font-size:.8125rem;display:block;overflow-wrap:anywhere;margin:6px 0 15px}.logout{background:none;border:0;padding:0;color:#ccd7d2;font-size:.875rem}.main{margin-left:238px;max-width:1590px;padding:45px 48px 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p:last-child{margin-bottom:0}.button{border-radius:8px;padding:10px 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.925rem;font-weight:600;line-height:1.5;min-height:44px;white-space:nowrap}.primary{background:var(--accent);color:white}.primary:hover{background:#953722}.secondary{background:white;border-color:#d9dcd5;color:#353e39}.secondary:hover{background:#eeefea}.button-row{display:flex;gap:10px;flex-wrap:wrap}.panel{border:1px solid var(--border);background:white;border-radius:14px;padding:25px;margin-bottom:24px;min-width:0}.panel-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h2{margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.align-start{align-items:start}.soft{background:#eeeee4;border-color:#e3e4d6}.soft h2{font-size:1.4rem}.soft p:last-child{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{border:1px solid var(--border);border-radius:12px;background:white;padding:22px;display:flex;flex-direction:column;gap:3px}.stat-label{color:#59625d;font-size:.875rem}.stat strong{font-size:2.5rem;font-weight:550;line-height:1.5;letter-spacing:-.04em}.badge{display:inline-flex;align-items:center;border-radius:100px;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.success{background:#e6f1e6;color:#326540}.pending{background:#f4ecd8;color:#7a5b18}.danger{background:#fbe7e5;color:#a6302a}.connection-row{display:flex;gap:13px;align-items:center;padding:17px 0}.connection-row+ .connection-row{border-top:1px solid var(--border)}.connection-row p{margin:2px 0 0}.service-icon{width:38px;height:38px;border-radius:11px;background:#efedfc;color:#645b98;display:grid;place-items:center;font-weight:750}.router-icon{background:#eff1e9;color:#5f7051}.text-link,.text-button{color:var(--accent);font-size:.875rem;font-weight:600}.text-button{border:0;background:none;padding:6px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-size:.8125rem;font-weight:600;color:var(--muted);padding:13px 10px;border-bottom:1px solid var(--border)}td{padding:14px 10px;border-bottom:1px solid #f0f0ec;vertical-align:top}tr:last-child td{border-bottom:0}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty-icon{font-size:2rem;color:#c6a086;margin-bottom:15px}.empty h2{color:#333e38}.activity{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eff0eb}.activity:last-child{border:0}.activity p{margin:2px 0 0}.activity strong{font-size:.925rem}.activity time{white-space:nowrap}label{display:block;font-size:.875rem;font-weight:600;margin:18px 0 7px}input,select,textarea{border:1px solid #d6dbd4;border-radius:8px;padding:11px 12px;background:#fdfdfa;max-width:100%;width:100%;font-size:.9375rem;color:#2d3832}textarea{resize:vertical;min-height:160px;line-height:1.65}input::placeholder{color:#848b84;font-size:.875rem}.field-help{font-size:.8125rem;color:var(--muted);margin:9px 0 18px}.field-heading{display:flex;justify-content:space-between;align-items:center}.input-row{display:flex;gap:10px}.input-row input{min-width:0}.notice{padding:13px 17px;border:1px solid transparent;border-radius:9px;margin-bottom:22px;font-size:.925rem}.notice-success{background:#e5f2e8;border-color:#badbc5;color:#245f37}.notice-error{background:#fcebe6;border-color:#eec4b6;color:#8c2f23}.inline-error{color:#9c3128;background:#fff1ed;padding:10px 12px;border-radius:7px;font-size:.875rem;margin:15px 0 0}.info-banner{padding:15px 19px;background:#edeee7;border-radius:9px;font-size:.875rem;color:#525e51;margin-bottom:24px}.preview-banner{background:#f2e4be;color:#695020;padding:10px 15px;border-radius:8px;margin-bottom:22px;font-size:.875rem}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.channel-card{margin:0}.channel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.channel-name{display:flex;align-items:center;gap:12px;min-width:0}.channel-name h2{margin:0;overflow-wrap:anywhere}.channel-icon{width:36px;height:36px;background:#f0f1eb;border-radius:10px;display:grid;place-items:center;color:#697669;font-size:1.35rem;flex-shrink:0}.toggle{border:0;background:#edf0ea;border-radius:30px;padding:6px 12px 6px 7px;display:flex;gap:8px;align-items:center;color:#657064;font-size:.875rem;white-space:nowrap;min-height:36px}.toggle>span{width:20px;height:20px;border-radius:100%;background:white;box-shadow:0 1px 3px #0002}.toggle.on{background:#3e6a4c;color:white}.channel-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:23px;font-size:.8125rem;color:var(--muted)}.channel-meta strong{color:#384039}.channel-bottom{border-top:1px solid var(--border);margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}details{margin-top:12px;font-size:.875rem}summary{cursor:pointer;color:var(--accent);font-weight:600}.memory{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#f6f7f1;border-radius:8px;padding:14px;font-size:.875rem}.admin-list{padding:0;list-style:none;margin:22px 0}.admin-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:14px 0}.admin-list strong{display:block;font-size:.925rem}.admin-list span{display:block}.danger-text{color:#a1443e}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#e9eddf 0,transparent 60%),#f7f5ef}.auth-main{width:100%;padding:40px 20px}.login-card{max-width:500px;margin:auto;background:#fffefa;border:1px solid #e6e2d8;border-radius:22px;padding:48px;text-align:left;box-shadow:0 20px 80px #4d4c3510}.login-mark{width:56px;height:56px;font-size:2.4rem;margin-bottom:35px;border-radius:16px}.login-card h1{font-size:2.35rem;line-height:1.5}.intro{color:var(--muted);margin:20px 0 30px}.google-login{width:100%;background:#283e33;gap:14px;margin-bottom:22px}.google-login:hover{background:#203028}.google-g{border-radius:4px;background:white;color:#426bd2;font-size:1.1rem;width:25px;height:25px;text-align:center}.error-panel{max-width:620px;margin:40px auto}
@media(min-width:1600px){.main{padding:52px 65px}}@media(max-width:1100px){.main{padding:32px 25px}.sidebar{width:210px;padding:30px 18px}.main{margin-left:210px}.stats{grid-template-columns:1fr 1fr}.two-columns,.channel-list{grid-template-columns:1fr}.page-heading{align-items:flex-start}.activity{align-items:flex-start}.activity time{white-space:normal;text-align:right}}@media(max-width:680px){.sidebar{position:static;width:100%;padding:18px 18px 0;gap:14px}.brand{font-size:1.2rem}.brand-mark{width:35px;height:35px;font-size:1.5rem}.brand-caption{font-size:.55rem}.sidebar nav{display:flex;margin:0;gap:2px;justify-content:space-between;overflow:auto}.nav-link{padding:12px 8px;font-size:.8125rem;gap:5px;border-radius:8px 8px 0 0;white-space:nowrap}.nav-link>span{display:none}.sidebar-bottom{position:absolute;top:20px;right:18px;border:0;padding:0;margin:0}.account-label,.account-email{display:none}.logout{font-size:.75rem}.main{margin:0;padding:26px 17px 45px}.page-heading{gap:14px;flex-direction:column;margin-bottom:24px}.page-heading h1{font-size:1.7rem}.stats{gap:11px}.stat{padding:16px}.stat strong{font-size:2rem}.stat-label,.stat .small{font-size:.75rem}.panel{padding:19px;border-radius:11px}.two-columns{gap:0}.connection-row{gap:10px}.connection-row .badge{font-size:.65rem}.channel-meta{gap:12px}.channel-bottom{flex-direction:column;align-items:flex-start}.channel-name h2{font-size:1rem}.activity{flex-direction:column;gap:2px}.activity time{text-align:left}.login-card{padding:30px 25px}.login-card h1{font-size:2rem}.login-card .small{font-size:.8125rem}.input-row{flex-wrap:wrap}.input-row input{flex:1;min-width:150px}.eyebrow{font-size:.68rem}.info-banner{font-size:.8125rem}table{min-width:490px}.button{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.project-picker{background:#eeeee7;border:1px solid var(--border);padding:16px 20px 0;border-radius:12px;margin-bottom:24px}.project-picker label{margin-top:0}.project-picker .input-row{max-width:610px}.project-picker select{min-width:0;flex:1}.project-note{margin-top:24px}@media(max-width:680px){.project-picker{padding:15px 16px 0}.project-picker .input-row{flex-wrap:nowrap}.sidebar nav{gap:2px}.nav-link{padding:12px 7px}}