.hub{min-height:100vh;background:#f7f5ef;color:#173c2d;font-family:Arial,Noto Sans Thai,sans-serif}.hub-nav{background:#123b2c;color:#f4e8cf;padding:23px max(5%,calc((100% - 1160px)/2));display:flex;justify-content:space-between;gap:16px;align-items:center}.hub-nav a{color:inherit}.hub-nav strong{font-size:23px}.hub-nav span{font-size:12px;letter-spacing:2px}.hub-wrap{max-width:1140px;margin:0 auto;padding:52px 24px 90px}.hub-eyebrow{color:#a77e3c;letter-spacing:2px;font-size:12px;font-weight:700}.hub-wrap h1{font-size:clamp(30px,4vw,54px);line-height:1.2;margin:14px 0}.hub-lead{font-size:17px;color:#607266;max-width:780px;line-height:1.8}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.hub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:30px 0}.hub-card{background:#fff;border:1px solid #e6e1d5;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:12px;min-height:170px}.hub-card strong{font-size:20px}.hub-card span{color:#718077;line-height:1.6}.hub-card em{color:#117351;font-style:normal;font-weight:700;margin-top:auto}.hub-form{max-width:800px;margin:30px 0;background:white;border:1px solid #e5e1d6;border-radius:20px;padding:32px;gap:20px}.hub-form,.hub-form label{display:flex;flex-direction:column}.hub-form label{gap:8px;font-size:14px;font-weight:700}.hub-admin input,.hub-admin select,.hub-admin textarea,.hub-form input:not([type=checkbox]),.hub-form textarea{width:100%;padding:13px;border:1px solid #d9dfd8;border-radius:9px;font:inherit}.hub-form .hub-check{flex-direction:row;align-items:flex-start;line-height:1.6;font-weight:400}.hub-form .hub-check input{margin-top:5px}.hub-admin button,.hub-form button{border:0;background:#13694e;color:#fff;border-radius:10px;padding:14px 24px;font-weight:700;cursor:pointer}.hub-form button:disabled{opacity:.6}.hub-trap{position:absolute;left:-9999px}.hub-success{color:#126846}.hub-error{color:#a13228}.hub-section{margin-top:40px}.hub-list{display:grid;grid-gap:14px;gap:14px;margin:24px 0}.hub-list article{background:#fff;border:1px solid #e8e3d7;border-radius:14px;padding:24px}.hub-list h3{margin:0 0 10px}.hub-list p{white-space:pre-wrap;color:#4b6055}.hub-admin{max-width:1200px;margin:40px auto;padding:0 22px}.hub-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.hub-admin-stat{background:#e9f0e9;border-radius:12px;padding:20px}.hub-admin-stat strong{font-size:28px;display:block}.hub-admin-item{background:#fff;border:1px solid #ddd;border-radius:14px;padding:22px;margin:16px 0;overflow-wrap:anywhere}.hub-admin-item pre{white-space:pre-wrap;font-family:inherit}.hub-admin-item select{max-width:240px}.hub-admin-item textarea{display:block;margin:12px 0;max-width:680px}.hub-admin-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hub-admin button.secondary{background:#607268}@media(max-width:760px){.hub-admin-grid,.hub-cards,.hub-grid{grid-template-columns:1fr}.hub-form,.hub-nav{padding:20px}.hub-wrap{padding:32px 18px}}.hub-form{box-shadow:0 14px 36px rgba(18,59,44,.07)}.hub-form input:not([type=checkbox]),.hub-form select,.hub-form textarea{width:100%;min-width:0;box-sizing:border-box;padding:13px 14px;border:1px solid #9aada1;border-radius:9px;background:#fff;color:#173c2d;font:inherit;font-weight:400;line-height:1.5}.hub-form button:focus-visible,.hub-form input:focus-visible,.hub-form select:focus-visible,.hub-form textarea:focus-visible,.hub-nav a:focus-visible{outline:3px solid #b58c44;outline-offset:3px}.hub-form input:invalid:not(:placeholder-shown){border-color:#a13228}.hub-form button{min-height:48px;transition:background-color .15s ease}.hub-form button:hover:not(:disabled){background:#0c503a}.hub-form .hub-error,.hub-form .hub-success{padding:14px 16px;border-radius:10px;line-height:1.6;overflow-wrap:anywhere}.hub-form .hub-success{background:#e6f4ea;border:1px solid #8cbaa0}.hub-form .hub-error{background:#fff1ed;border:1px solid #d7a59b}.hub-form small{line-height:1.7;color:#526b5d}@media(max-width:760px){.hub-form{max-width:100%;margin:24px 0;padding:20px 16px;gap:18px}.hub-form button{width:100%}.hub-wrap{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.hub-form button{transition:none}}.hub-form select{width:100%;padding:13px;border:1px solid #d9dfd8;border-radius:9px;font:inherit;background:white}.hub-form select:focus-visible{outline:3px solid #b2d9c6}