:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80b9ff;outline-offset:2px}.layout{min-height:100vh;display:flex;flex-direction:column}header{background:#143a61;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px max(22px,calc((100vw - 1000px)/2))}.brand{font-size:1.4rem;font-weight:750;letter-spacing:.2px}header .subtle{color:#fff;border:1px solid #abc2d7;background:transparent}nav{background:#fff;border-bottom:1px solid #dbe2ed;display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding:12px}nav button{border:0;border-radius:8px;padding:12px 22px;background:transparent;color:#36516d;font-weight:650}nav button.selected{background:#dcecff;color:#124d8e}nav button:hover{background:#edf4ff}main{width:min(100% - 40px,1000px);margin:36px auto;flex:1;background:#fff;border:1px solid #e3e9f2;border-radius:14px;padding:30px 36px;box-shadow:0 4px 24px #112a480c}h1{font-size:1.9rem;margin:0 0 26px}.page-content{line-height:1.75;font-size:1.04rem;overflow-wrap:anywhere}.page-content h2{line-height:1.3}.page-content a{color:#1162af}.page-content img{max-width:100%}.admin{max-width:830px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-top p{color:#566475}.panel{display:flex;flex-direction:column;gap:20px}.panel label{display:flex;flex-direction:column;gap:7px;font-weight:650}.panel input,.panel select{width:100%;padding:11px 13px;border:1px solid #b8c6d6;border-radius:8px;background:#fff;color:#1e293b}.primary{align-self:flex-start;background:#1768b4;color:#fff;border:0;padding:11px 25px;border-radius:8px;font-weight:650}.primary:hover{background:#0f538f}.subtle{padding:9px 15px;border:1px solid #bac7d9;border-radius:8px;background:#fff;color:#1d4b77}.editor-box{border:1px solid #bbc9d9;border-radius:9px;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;gap:5px;background:#f1f5fa;border-bottom:1px solid #d4dce8;padding:9px}.toolbar button{border:1px solid #c2cfdd;background:#fff;border-radius:6px;padding:6px 10px;font-size:.88rem}.toolbar button.active{background:#c9e3ff;border-color:#86b7e8}.editor-content{min-height:250px;padding:15px 18px;line-height:1.6;outline:none}.editor-content p:first-child{margin-top:0}.message{font-weight:600;color:#175e4f}footer{text-align:center;padding:20px;color:#6f7d8c}@media(max-width:600px){main{padding:22px 18px;margin:18px auto}nav button{padding:10px 13px}header{padding:15px 20px}}.site-header{display:flex;align-items:center;gap:24px;width:100%;padding:12px 24px;background:#f0fff0;box-sizing:border-box}.site-logo{width:130px;height:130px;flex-shrink:0;background-image:url(/logo.png);background-repeat:no-repeat;background-position:left center;background-size:contain}.site-header-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.site-title{margin:0;font-size:30px;font-weight:700;color:#175e35;text-align:center}.site-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.site-navigation button{padding:10px 18px;border:1px solid #b5d8b5;border-radius:6px;background:#d8f5d8;color:#174b27;font-size:15px;cursor:pointer}.site-navigation button:hover{background:#a5e7ac}@media(max-width:700px){.site-header{gap:12px;padding:12px}.site-logo{width:75px;height:75px}.site-title{font-size:20px;text-align:left}.site-navigation{justify-content:flex-start}.site-navigation button{padding:8px 12px;font-size:13px}}.thanh-menu{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.thanh-subtabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.thanh-menu button,.thanh-subtabs button{cursor:pointer}.thanh-admin-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.6fr);gap:1.25rem;align-items:start}.thanh-form{display:flex;flex-direction:column;gap:.85rem}.thanh-form label{display:flex;flex-direction:column;gap:.35rem}.thanh-form input,.thanh-form select{width:100%;box-sizing:border-box;padding:.6rem}.thanh-actions{display:flex;flex-wrap:wrap;gap:.65rem}.thanh-login{max-width:420px;margin:2rem auto;padding:1.5rem}.thanh-help{font-size:.88rem;opacity:.8}@media(max-width:760px){.thanh-admin-grid{grid-template-columns:1fr}}