@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Sans+SC:wght@500;600;700&display=swap');

:root{--ink:#172927;--muted:#6b7d79;--line:#dce8e3;--teal:#08746c;--teal-dark:#035c56;--soft:#f4f8f6;--cream:#fff7e6;--error:#b83a43;--success:#126d54}*{box-sizing:border-box}body{margin:0;background:#edf3ef;color:var(--ink);font:14px 'Be Vietnam Pro',system-ui,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,45%) 1fr;max-width:1320px;margin:auto;background:#fff;box-shadow:0 20px 80px #173a3320}.brand-panel{position:relative;overflow:hidden;padding:68px clamp(40px,7vw,100px);background:linear-gradient(150deg,#034e4a,#08756b 72%,#0e8779);color:#effdf8}.brand-panel:after{content:'汉';font:700 410px 'Noto Sans SC';line-height:1;color:#9de5d314;position:absolute;right:-110px;bottom:-115px}.brand-mark{display:flex;gap:6px;position:relative;z-index:1}.brand-mark span{width:39px;height:39px;display:grid;place-items:center;border:1px solid #b9ede2;border-radius:7px;font:700 23px 'Noto Sans SC'}.brand-overline{letter-spacing:1.5px;font-size:10px;font-weight:700;margin:100px 0 11px;color:#a6ddd2;position:relative;z-index:1}.brand-panel h1{font:700 58px/1 'Noto Sans SC';letter-spacing:-4px;margin:0;position:relative;z-index:1}.brand-subtitle{font-size:19px;line-height:1.6;margin:23px 0 30px;position:relative;z-index:1}.topic-list{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.topic-list span{border:1px solid #7ec5b9;border-radius:99px;padding:6px 11px;font-size:11px;color:#e1faf4}.brand-footer{position:absolute;bottom:44px;left:clamp(40px,7vw,100px);font-size:11px;color:#a9d8cf;z-index:1}.live-dot{display:inline-block;height:7px;width:7px;background:#81ecc6;border-radius:50%;margin-right:6px}.auth-panel{display:flex;flex-direction:column;min-height:100vh;max-width:540px;width:100%;padding:clamp(42px,7vh,72px) clamp(32px,7vw,88px) 24px;margin:auto}.view{display:none;animation:up .25s ease}.view.active{display:block}.mobile-brand{display:none}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--teal);margin:0 0 11px}.auth-panel h2{font-size:31px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 10px}.intro{margin:0 0 25px;line-height:1.6;color:var(--muted);font-size:13px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:6px;color:#3e5450;font-size:12px;font-weight:600}.auth-form small{font-size:10px;font-weight:400;color:var(--muted);margin-top:-1px}.auth-form input{width:100%;height:43px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 12px;color:var(--ink);font:13px inherit;transition:.15s}.auth-form input:focus{outline:2px solid #b5ddd4;border-color:#65a99c}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.toggle-password{position:absolute;right:6px;top:6px;width:31px;height:31px;border:0;background:transparent;color:#5e7d77;cursor:pointer;border-radius:5px}.toggle-password:hover{background:#edf5f1}.login-actions{display:flex;justify-content:space-between;align-items:center;margin-top:-2px}.remember{display:flex!important;align-items:center;gap:7px!important;font-weight:400!important;font-size:11px!important}.remember input,.agree input{width:15px!important;height:15px!important;accent-color:var(--teal)}.text-button{padding:0;border:0;background:none;color:var(--teal);font:600 11px inherit;cursor:pointer}.text-button:hover{text-decoration:underline}.primary{height:45px;background:var(--teal);border:0;border-radius:7px;color:#fff;font:600 13px inherit;cursor:pointer;box-shadow:0 7px 14px #08746c28;transition:.15s}.primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.form-message{min-height:17px;margin:-3px 0;color:var(--error);font-size:11px;line-height:1.45}.form-message.success{color:var(--success)}.switch-view{text-align:center;margin:20px 0 0;color:var(--muted);font-size:12px}.switch-view button{border:0;padding:0;background:none;color:var(--teal);font:600 12px inherit;cursor:pointer}.security-note{font-size:11px!important;font-weight:400!important;background:#f3f8f5;border-radius:6px;color:#56716a!important;padding:9px 11px;margin:0}.agree{display:flex!important;grid-template-columns:16px 1fr;align-items:start;gap:8px!important;font-weight:400!important;font-size:11px!important;line-height:1.45}.agree input{margin:0}.back-link{padding:0;border:0;background:none;color:var(--teal);font:600 12px inherit;cursor:pointer;margin:0 0 28px}.account-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--cream);color:#9c6615;display:grid;place-items:center;font-weight:700;font-size:19px}.role-card{display:flex;gap:14px;align-items:flex-start;background:#f1f8f4;border:1px solid #d9ebe4;padding:15px;border-radius:9px;margin:25px 0 16px}.role-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0 0}.role-card b{font-size:13px}.card-icon{font:700 22px 'Noto Sans SC';color:var(--teal);line-height:1}.hidden{display:none}.account-details{border-top:1px solid var(--line);margin:20px 0 24px}.account-details div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.account-details span{color:var(--muted)}.account-details b{font-weight:600;text-align:right;word-break:break-word}footer{margin-top:auto;padding-top:30px;color:#93a49f;text-align:center;font-size:10px}.toast{position:fixed;bottom:24px;right:24px;background:#183b36;color:#fff;border-radius:7px;padding:12px 15px;font-size:12px;box-shadow:0 13px 30px #173a3350;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@keyframes up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:830px){.app-shell{display:block;min-height:100vh}.brand-panel{display:none}.auth-panel{min-height:100vh;padding:35px 24px 20px}.mobile-brand{display:flex;justify-content:space-between;align-items:center;font-family:'Noto Sans SC';font-size:18px;color:var(--teal);margin-bottom:55px}.mobile-brand span{font:500 10px 'Be Vietnam Pro';color:var(--muted);letter-spacing:.5px}}@media(max-width:380px){.auth-panel{padding:28px 18px 18px}.mobile-brand{margin-bottom:34px}.auth-panel h2{font-size:27px}}

/* Owner Admin Studio */
.public-announcement{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:22px;border:0;background:#103f3a;color:#eaf7f2;padding:8px 24px;font:500 10px inherit;cursor:pointer}.public-announcement span{display:flex;align-items:center;gap:8px;min-width:0}.public-announcement i{width:6px;height:6px;border-radius:50%;background:#93ebce;box-shadow:0 0 0 4px #93ebce22}.public-announcement b{font-size:9px;letter-spacing:1px;color:#91dcca}.public-announcement em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:#d3eee6}.public-announcement strong{font-size:10px;color:#a2ead4;white-space:nowrap}.public-logo .public-logo-mark{width:42px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:8px;background:#08746c}.public-logo .public-logo-mark i{display:grid;place-items:center;border:1px solid #9bd8cb;border-radius:3px;color:#fff;font:700 13px 'Noto Sans SC';font-style:normal}.public-logo b small{display:block;margin-top:3px;color:#5e8a80;font:500 8px 'Noto Sans SC';letter-spacing:.5px}.public-notice-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:27px 32px;margin:-50px 0 84px;border:1px solid #cce4da;border-radius:14px;background:linear-gradient(100deg,#fffdf5,#eef9f3);box-shadow:0 12px 28px #19443a12}.public-notice-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.6px}.public-notice-card p:not(.public-eyebrow){max-width:700px;margin:0;color:#667a74;font-size:12px;line-height:1.55}.notice-button{flex:none;height:38px;padding:0 13px;border:1px solid #bfd9cf;border-radius:7px;background:#fff;color:#146b5b;font:600 11px inherit;cursor:pointer}.public-footer b{color:#466861}@media(max-width:700px){.public-announcement{justify-content:space-between;gap:8px;padding:8px 16px}.public-announcement em{max-width:220px}.public-announcement strong{font-size:9px}.public-notice-card{display:block;padding:23px 21px;margin:-30px 0 62px}.public-notice-card h2{font-size:20px}.notice-button{margin-top:17px;width:100%}.public-logo .public-logo-mark{width:38px;height:33px}.public-logo b small{font-size:7px}}
.public-site-view{min-height:100vh;background:#f6faf8;color:#18322e}.public-site-view.hidden{display:none!important}.public-header,.public-main,.public-footer{width:min(1160px,calc(100% - 48px));margin:auto}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.public-logo{display:flex;align-items:center;gap:9px;color:#163630;text-decoration:none}.public-logo span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#08746c;color:#fff;font:700 20px 'Noto Sans SC'}.public-logo b{font-size:12px;line-height:1.15}.public-nav{display:flex;gap:25px;margin-left:auto}.public-nav a{color:#60736e;text-decoration:none;font-size:12px;font-weight:600}.public-nav a:hover{color:#08746c}.public-admin-link{border:1px solid #c8d9d3;border-radius:7px;background:#fff;color:#275b53;height:35px;padding:0 12px;font:600 11px inherit;cursor:pointer}.public-hero{min-height:570px;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:75px;padding:58px 34px 76px;background:radial-gradient(circle at 76% 33%,#d5f3e9 0,transparent 25%),linear-gradient(135deg,#ebf8f2 0,#f9fcfa 63%,#fff8e9 100%);border-radius:22px;margin:10px 0 84px;overflow:hidden}.public-eyebrow{margin:0 0 13px;color:#08746c;font-size:10px;font-weight:700;letter-spacing:1.6px}.hero-copy h1{font-size:clamp(42px,5vw,62px);line-height:.98;letter-spacing:-3px;margin:0 0 18px}.hero-copy h1 em{font-style:normal;color:#08746c}.hero-copy>p:not(.public-eyebrow){max-width:520px;color:#5b706a;font-size:15px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.download-primary{height:45px;padding:0 17px;border:0;border-radius:8px;background:#08746c;color:#fff;font:600 12px inherit;cursor:pointer;box-shadow:0 9px 20px #08746c30}.outline-link{height:45px;display:inline-grid;place-items:center;padding:0 15px;border:1px solid #bcd5cd;border-radius:8px;color:#20645a;text-decoration:none;font-size:12px;font-weight:600}.release-note{display:block;color:#758681;font-size:10px;line-height:1.45;margin-top:13px}.app-preview{position:relative;background:#103f3a;border:8px solid #183b36;border-radius:30px;color:#f7fffa;box-shadow:0 28px 55px #103a3438;padding:18px 16px 15px;transform:rotate(3deg);font-family:'Be Vietnam Pro',sans-serif}.preview-top,.preview-progress,.preview-audio,.preview-nav{display:flex;align-items:center;justify-content:space-between}.preview-top{font-size:9px;color:#b9d8cf;padding:0 3px 18px}.preview-top b{font:600 12px 'Noto Sans SC';color:#fff}.preview-progress{display:grid;grid-template-columns:1fr auto;gap:4px;background:#1b5851;border-radius:11px;padding:11px;font-size:10px}.preview-progress b{font-size:9px;color:#b1d7cd}.preview-progress i{grid-column:1/-1;height:4px;border-radius:9px;background:#347067;overflow:hidden}.preview-progress u{display:block;width:34%;height:100%;background:#87e1c6;text-decoration:none}.preview-word{padding:23px 7px 14px}.preview-word small{display:block;color:#8acdbc;font-size:8px;letter-spacing:1.1px}.preview-word strong{display:block;font:700 52px/1 'Noto Sans SC';margin:9px 0 2px}.preview-word em{color:#b9ded5;font-size:12px}.preview-word p{margin:10px 0 1px;font-size:18px;font-weight:700}.preview-word span{font-size:10px;color:#b6cec7}.preview-audio{gap:7px}.preview-audio button{flex:1;border:1px solid #39756d;border-radius:7px;background:#194d47;color:#dffaf2;height:31px;font-size:8px;cursor:default}.preview-example{display:flex;gap:8px;background:#f3faf7;color:#2f4d46;border-radius:10px;margin-top:14px;padding:11px}.preview-example>span{font-size:15px}.preview-example p{font:600 10px/1.45 'Noto Sans SC';margin:0}.preview-example small,.preview-example b{display:block;font:400 8px/1.5 'Be Vietnam Pro';color:#71847e}.preview-example b{color:#2f5e55;margin-top:2px}.preview-nav{border-top:1px solid #2c635c;margin-top:15px;padding:12px 3px 0}.preview-nav b{display:grid;justify-items:center;gap:3px;font-size:14px;color:#78a99f}.preview-nav b.selected{color:#a3f1d7}.preview-nav small{font:400 7px 'Be Vietnam Pro'}.public-section{margin:0 0 94px}.public-section>h2,.plans-section h2{font-size:31px;line-height:1.18;letter-spacing:-1px;margin:0}.route-section{text-align:center}.route-section>h2{max-width:620px;margin:0 auto 32px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:left}.route-grid article{min-height:195px;padding:23px;border:1px solid #deebe5;border-radius:13px;background:#fff}.route-grid span{color:#159079;font-size:11px;font-weight:700}.route-grid h3{font-size:18px;margin:29px 0 8px}.route-grid p{margin:0;color:#657973;font-size:12px;line-height:1.55}.plans-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;background:#eef8f3;border-radius:18px;padding:46px}.public-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.public-plan-grid article{padding:21px;border:1px solid #d8e8e0;border-radius:12px;background:#fff}.public-plan-grid .pro-plan{background:#0d514a;border-color:#0d514a;color:#fff}.public-plan-grid p{color:#167e6b;font-size:10px;font-weight:700;letter-spacing:1px;margin:0}.public-plan-grid .pro-plan p{color:#9ee1d0}.public-plan-grid h3{font-size:16px;line-height:1.35;margin:12px 0}.public-plan-grid ul{padding:0;margin:0;display:grid;gap:8px;list-style:none}.public-plan-grid li{font-size:11px;color:#506b64}.public-plan-grid li:before{content:'✓';color:#16816b;margin-right:6px}.public-plan-grid .pro-plan li{color:#dbf2ea}.public-plan-grid .pro-plan li:before{color:#95e3cf}.download-section{display:flex;justify-content:space-between;align-items:center;gap:36px;border-top:1px solid #dce9e3;border-bottom:1px solid #dce9e3;padding:48px 0}.download-section h2{font-size:30px;margin:0 0 10px}.download-section p:not(.public-eyebrow){max-width:570px;margin:0;color:#667a74;font-size:12px;line-height:1.6}.store-links{display:flex;gap:9px;flex-shrink:0}.store-button{position:relative;min-width:135px;height:52px;border:0;border-radius:8px;text-align:left;padding:8px 14px;background:#123d37;color:#fff;font-family:inherit;cursor:pointer}.store-button.app-store{background:#203036}.store-button small,.store-button b,.store-button em{display:block}.store-button small{font-size:7px;letter-spacing:.5px}.store-button b{font-size:15px;line-height:1.1}.store-button em{font-size:8px;font-style:normal;color:#a8d5ca;margin-top:2px}.store-button.app-store em{color:#ccd6d9}.public-footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 30px;color:#788b85;font-size:10px}.public-footer button{border:0;background:none;color:#24645a;font:600 10px inherit;cursor:pointer}@media(max-width:880px){.public-hero{grid-template-columns:1fr 330px;gap:35px;padding:48px 28px 63px}.plans-section{gap:28px;padding:35px}.public-nav{gap:14px}}@media(max-width:700px){.public-header,.public-main,.public-footer{width:min(100% - 32px,560px)}.public-header{height:65px}.public-nav{display:none}.public-admin-link{margin-left:auto}.public-hero{display:block;min-height:0;padding:39px 22px 47px;margin-bottom:58px}.hero-copy h1{font-size:43px}.hero-copy>p:not(.public-eyebrow){font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.download-primary,.outline-link{width:100%;padding:0 8px;font-size:11px}.app-preview{max-width:305px;margin:43px auto 0;transform:rotate(1.5deg)}.public-section{margin-bottom:62px}.public-section>h2,.plans-section h2,.download-section h2{font-size:26px}.route-grid,.plans-section{grid-template-columns:1fr}.route-grid article{min-height:0}.route-grid h3{margin-top:20px}.plans-section{padding:28px 22px}.download-section{display:block;padding:34px 0}.store-links{margin-top:21px}.store-button{min-width:0;flex:1}.public-footer{gap:12px}.public-footer span{max-width:210px;line-height:1.5}}
.app-shell.is-hidden{display:none!important}.dashboard-nav-button .nav-icon{display:inline-block;width:18px;margin-right:7px;font-size:14px;line-height:1;text-align:center}.dashboard-nav-button .nav-label{vertical-align:middle}@media(max-width:920px){.dashboard-nav-button{font-size:12px!important}.dashboard-nav-button .nav-label{display:none}.dashboard-nav-button .nav-icon{width:auto;margin:0;font-size:16px}}@media(max-width:610px){.dashboard-nav-button{font-size:12px!important}.dashboard-nav-button .nav-icon{font-size:15px}}
.price-card.referral-card{grid-column:span 2;background:#f3fbf6;border-color:#cae5d8}.price-card.referral-card h3{color:#176858}@media(max-width:610px){.price-card.referral-card{grid-column:auto}}
.price-card.store-links-card{grid-column:span 2;background:#f5f8ff;border-color:#d6e0f1}.price-card.store-links-card h3{color:#375a8f}.status-chip.pending{background:#fff4d9;color:#956a17}.public-admin-link.discreet-admin-link{height:30px;padding:0 9px;border-color:transparent;background:transparent;color:#6f847d;font-size:10px}.public-admin-link.discreet-admin-link:hover{border-color:#d2e0db;background:#fff;color:#245e54}@media(max-width:610px){.price-card.store-links-card{grid-column:auto}}
.dashboard-tab#dashboard-audit td{white-space:normal}.dashboard-tab#dashboard-audit .permission-text{max-width:360px}
.price-card input[readonly]{background:#f0f5f3;color:#52706a;cursor:not-allowed}.public-plan-grid .pro-plan small{display:block;color:#abd9ce;font-size:10px;line-height:1.55;margin-top:13px}
.public-logo .public-logo-mark{width:43px!important;height:43px!important;display:block!important;padding:0!important;background:transparent!important}.public-logo .public-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.daily-learning-section{margin:0 0 94px}.daily-learning-banner{position:relative;min-height:346px;overflow:hidden;border-radius:19px;background:#0c554c;box-shadow:0 18px 40px #17443a22}.daily-learning-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.daily-learning-banner:after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(90deg,#073f39e8 0%,#08746cc9 38%,#08746c40 58%,transparent 77%)}.daily-banner-copy{position:relative;z-index:1;max-width:500px;padding:57px 48px;color:#fff}.daily-banner-copy .public-eyebrow{color:#b9f0dc}.daily-banner-copy h2{margin:0 0 12px;font-size:32px;line-height:1.1;letter-spacing:-1.1px}.daily-banner-copy>p:not(.public-eyebrow){margin:0;color:#e0f3ed;font-size:13px;line-height:1.65}.banner-cta{height:40px;margin-top:23px;padding:0 14px;border:0;border-radius:8px;background:#fff3d1;color:#17594e;font:700 11px inherit;cursor:pointer;box-shadow:0 8px 18px #001b1740}.daily-post-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:31px 0 19px}.daily-post-heading h2{margin:0 0 7px;font-size:26px;letter-spacing:-.8px}.daily-post-heading p:not(.public-eyebrow){max-width:660px;margin:0;color:#657973;font-size:12px;line-height:1.6}.post-series-chip{flex:none;border:1px solid #d4e6de;border-radius:99px;padding:8px 11px;background:#f5faf7;color:#357263;font-size:10px;font-weight:700}.daily-post-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:13px}.conversation-post{min-height:245px;padding:22px;border:1px solid #dcebe4;border-radius:14px;background:#fff;box-shadow:0 9px 23px #173b3410}.conversation-post.featured-post{background:linear-gradient(145deg,#fffaf0,#f1fbf5);border-color:#cfe4d8}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.post-meta span{color:#138170;font-size:10px;font-weight:800;letter-spacing:1px}.post-meta b{color:#6f817c;font-size:10px}.conversation-post h3{margin:0 0 13px;color:#264a42;font-size:17px}.conversation-post strong{display:block;color:#0c6558;font:700 20px/1.35 'Noto Sans SC','Be Vietnam Pro',sans-serif}.conversation-post em{display:block;margin:4px 0 13px;color:#6b817b;font-size:11px;font-style:normal}.conversation-post p{margin:5px 0;color:#536b65;font-size:11px;line-height:1.48}.conversation-post p b{color:#2b554b}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.post-tags span{border-radius:99px;background:#e9f5ef;color:#287564;padding:5px 7px;font-size:9px;font-weight:700}.dictionary-separation{display:flex;align-items:center;gap:11px;margin-top:15px;padding:14px 16px;border:1px dashed #cbded5;border-radius:11px;background:#f7fbf9;color:#5b706a;font-size:11px;line-height:1.55}.dictionary-separation>span{display:grid;flex:none;place-items:center;width:29px;height:29px;border-radius:8px;background:#deeee7;color:#157563;font-size:20px}.dictionary-separation p{margin:0}.dictionary-separation b{color:#225e51}.public-footer-expanded{display:grid!important;grid-template-columns:1.25fr .7fr .7fr .9fr;gap:35px;align-items:start!important;margin-top:18px;padding:36px 0 34px!important;border-top:1px solid #dce9e3;color:#60756e;font-size:11px}.footer-logo-line{display:flex;align-items:center;gap:9px;color:#183d35}.footer-logo-line img{width:37px;height:37px;object-fit:contain}.footer-logo-line b{font-size:13px;line-height:1.15}.footer-logo-line small{display:block;margin-top:3px;color:#6c9187;font:500 8px 'Noto Sans SC',sans-serif;letter-spacing:.6px}.footer-brand p{max-width:260px;margin:12px 0;color:#6e827c;font-size:11px;line-height:1.55}.footer-brand>span{color:#84948f;font-size:9px}.footer-link-group{display:grid;align-content:start;gap:10px}.footer-link-group>b,.footer-download>b{color:#274a42;font-size:11px}.footer-link-group a,.footer-link-group button{border:0;background:transparent;padding:0;color:#6c7f7a;text-align:left;font:11px inherit;text-decoration:none;cursor:pointer}.footer-link-group a:hover,.footer-link-group button:hover{color:#08746c}.footer-download p{margin:10px 0;color:#72847f;font-size:10px;line-height:1.5}.footer-store{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:7px;padding:9px 10px;border:1px solid #bcd7ce;border-radius:7px;background:#0e5149;color:#fff;font:700 10px inherit;cursor:pointer}.footer-store.muted{background:#f6faf8;color:#2d5c53;border-color:#d5e4de}.footer-store span{font-size:14px}@media(max-width:880px){.daily-learning-banner{min-height:320px}.daily-banner-copy{padding:45px 36px;max-width:460px}.daily-post-grid{grid-template-columns:1fr 1fr}.conversation-post.featured-post{grid-column:span 2}.public-footer-expanded{grid-template-columns:1.25fr 1fr 1fr;gap:26px}.footer-download{grid-column:1/-1;max-width:300px}}@media(max-width:700px){.public-logo .public-logo-mark{width:38px!important;height:38px!important}.daily-learning-section{margin-bottom:62px}.daily-learning-banner{min-height:420px}.daily-learning-banner>img{object-position:66% center}.daily-learning-banner:after{background:linear-gradient(180deg,#073f39ee 0%,#08746cc0 53%,#08746c18 100%)}.daily-banner-copy{max-width:none;padding:34px 23px}.daily-banner-copy h2{font-size:27px}.daily-post-heading{display:block;margin-top:24px}.daily-post-heading h2{font-size:23px}.post-series-chip{display:inline-block;margin-top:13px}.daily-post-grid{grid-template-columns:1fr}.conversation-post,.conversation-post.featured-post{min-height:0;grid-column:auto}.conversation-post strong{font-size:19px}.dictionary-separation{align-items:flex-start}.public-footer-expanded{display:grid!important;grid-template-columns:1fr 1fr;gap:27px;padding:30px 0!important}.footer-brand,.footer-download{grid-column:1/-1}.footer-brand p{max-width:330px}.footer-download{max-width:none}.footer-store{max-width:310px}}
.dashboard-view{min-height:100vh;background:#f5f8f6}.dashboard-view.active{display:grid;grid-template-columns:248px minmax(0,1fr);animation:none}.dashboard-sidebar{background:#103d39;color:#eaf5f0;min-height:100vh;padding:28px 16px;display:flex;flex-direction:column}.dashboard-brand{display:grid;grid-template-columns:43px 1fr;column-gap:10px;align-items:center;margin:0 10px 43px}.dashboard-brand>span{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;background:#20615a;border-radius:8px;font:700 13px 'Noto Sans SC'}.dashboard-brand b{font-size:13px;line-height:1.2}.dashboard-brand small{font-size:9px;letter-spacing:1.3px;color:#9ec8c0;margin-top:3px}.dashboard-nav{display:grid;gap:5px}.dashboard-nav-button{border:0;background:transparent;border-radius:8px;padding:12px 13px;color:#b9d1cb;text-align:left;font:500 12px inherit;cursor:pointer}.dashboard-nav-button:hover,.dashboard-nav-button.active{background:#255c55;color:#fff}.dashboard-user{margin-top:auto;border-top:1px solid #32655e;padding:20px 10px 14px;display:flex;align-items:center;gap:9px}.dashboard-user>span{width:31px;height:31px;background:#f5e5b7;color:#8f6519;border-radius:50%;display:grid;place-items:center;font-weight:700}.dashboard-user b,.dashboard-user small{display:block}.dashboard-user b{font-size:11px}.dashboard-user small{font-size:10px;color:#9fc2bb;margin-top:3px}.dashboard-logout{border:0;background:transparent;color:#afd1ca;font:500 11px inherit;text-align:left;padding:8px 10px;cursor:pointer}.dashboard-logout:hover{color:#fff}.dashboard-main{max-width:1320px;width:100%;padding:36px 46px 80px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.dashboard-header h1{font-size:29px;letter-spacing:-1px;margin:0}.prototype-chip{border-radius:99px;background:#edf5f1;color:#58726b;padding:8px 11px;font-size:10px}.prototype-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#53be8c;margin-right:5px}.dashboard-tab{display:none}.dashboard-tab.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric-grid article,.dashboard-card,.price-card{background:#fff;border:1px solid #e1ebe6;border-radius:11px;box-shadow:0 8px 23px #173b3410}.metric-grid article{padding:19px}.metric-grid span,.price-card>p{font-size:9px;letter-spacing:1px;color:#6b8079;font-weight:700}.metric-grid b{font-size:27px;display:block;margin:8px 0 2px}.metric-grid small{font-size:10px;color:#82918e}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-card{padding:23px}.dashboard-card h2,.section-heading h2{font-size:18px;letter-spacing:-.4px;margin:0 0 7px}.dashboard-card>p,.section-heading p,.small-muted{font-size:12px;color:#74837f;line-height:1.55;margin:0}.accent-card{background:#fffaf0;border-color:#f0dfb9}.check-list{margin:17px 0 0;padding:0;display:grid;gap:10px;list-style:none}.check-list li{font-size:12px;color:#3d5751}.check-list li:before{content:'✓';color:#168166;font-weight:700;margin-right:8px}.soft-button{margin-top:17px;border:1px solid #c9dad4;background:#fff;color:#1e6e62;border-radius:7px;padding:9px 11px;font:600 11px inherit;cursor:pointer}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}.compact{height:37px;padding:0 12px;font-size:11px;white-space:nowrap}.form-card{margin-bottom:17px}.form-card.hidden{display:none}.icon-button{border:0;background:#eef4f1;color:#507069;border-radius:50%;width:29px;height:29px;font-size:20px;cursor:pointer}.staff-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.staff-form label,.price-card label{display:grid;gap:6px;color:#456059;font-size:11px;font-weight:600}.staff-form input,.staff-form select,.price-card input{height:39px;border:1px solid #d4e2dc;border-radius:7px;padding:0 10px;font:12px inherit;background:#fff;width:100%}.staff-form input:focus,.staff-form select:focus,.price-card input:focus{outline:2px solid #b8ded5;border-color:#78b6a8}.staff-form>.form-message{grid-column:1/-1}.staff-form>.primary{width:max-content;padding:0 16px}.permission-fieldset{grid-column:1/-1;border:1px solid #e1ebe6;border-radius:8px;padding:12px;margin:0;display:flex;gap:17px;flex-wrap:wrap}.permission-fieldset legend{font-size:10px;color:#71847e;padding:0 5px}.permission-fieldset label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500}.permission-fieldset input{width:14px;height:14px;accent-color:var(--teal)}.table-card{padding:0}.table-heading{display:flex;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #e6eee9}.table-heading b{font-size:13px}.table-heading span{font-size:10px;color:#72847e}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th{background:#f6f9f7;color:#71827e;font-size:9px;letter-spacing:.6px;padding:11px 20px}td{border-top:1px solid #ecf1ee;padding:12px 20px;font-size:11px;vertical-align:middle}.staff-name{font-weight:600;display:block}.staff-email{display:block;font-size:10px;color:#7c8d89;margin-top:3px}.role-chip,.status-chip{display:inline-block;border-radius:15px;padding:4px 7px;font-size:9px;font-weight:600;background:#eaf5ef;color:#21725f}.role-chip.editor{background:#edf2f6;color:#526a78}.role-chip.reviewer{background:#f9f0e0;color:#926218}.role-chip.support{background:#f2eff9;color:#695c96}.status-chip.locked{background:#fbeaea;color:#ae4048}.permission-text{font-size:10px;color:#647772;max-width:180px;line-height:1.45}.table-button{border:0;background:none;color:#08746c;padding:2px 0;font:600 10px inherit;cursor:pointer}.table-button.danger{color:#ad454d}.price-rule{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce9e2;background:#f0f8f4;border-radius:8px;padding:12px 14px;margin-bottom:17px}.price-rule>span{color:#1b886b;font-weight:700}.price-rule p{margin:0;color:#567068;font-size:11px;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.price-card{padding:19px;display:grid;align-content:start;gap:12px}.price-card h3{font-size:18px;margin:0}.price-card.featured{border:1.5px solid #4eaa98;background:#f5fcf9}.price-card.promotion-card{background:#fffaf0}.price-preview{font-size:19px;font-weight:700;color:#08746c;margin-top:-4px}.toggle-label{display:flex!important;align-items:center;gap:6px}.toggle-label input{width:14px;height:14px;accent-color:#08746c}.pricing-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:3px}.pricing-actions .form-message{margin-right:auto}.pricing-actions .primary{padding:0 16px}.dashboard-view .password-wrap{display:block}.dashboard-view .toggle-password{top:4px}@media(max-width:920px){.dashboard-view.active{grid-template-columns:68px minmax(0,1fr)}.dashboard-sidebar{padding:21px 9px}.dashboard-brand{display:block;margin:0 auto 37px}.dashboard-brand>span{margin:auto}.dashboard-brand b,.dashboard-brand small,.dashboard-nav-button,.dashboard-user div,.dashboard-logout{font-size:0}.dashboard-nav-button{height:39px;text-align:center;padding:10px 0}.dashboard-user{justify-content:center;padding:16px 0}.dashboard-main{padding:28px 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:610px){.dashboard-view.active{display:block}.dashboard-sidebar{min-height:auto;height:auto;position:sticky;top:0;z-index:3;padding:13px 16px;display:flex;flex-direction:row;align-items:center;gap:10px}.dashboard-brand{margin:0;display:flex;align-items:center;gap:7px}.dashboard-brand>span{margin:0;width:31px;height:31px}.dashboard-nav{display:flex;gap:3px;flex:1;justify-content:flex-end}.dashboard-nav-button{width:31px;height:31px;padding:7px;font-size:0}.dashboard-user,.dashboard-logout{display:none}.dashboard-main{padding:24px 16px 54px}.dashboard-header{display:block}.prototype-chip{display:inline-block;margin-top:10px}.metric-grid,.dashboard-grid,.pricing-grid,.staff-form{grid-template-columns:1fr}.section-heading{display:block}.section-heading .primary{margin-top:12px}.permission-fieldset{display:grid;grid-template-columns:1fr 1fr}.pricing-actions{display:block}.pricing-actions .primary{margin-top:8px;width:100%}}

/* Bước 1 v9: logo chung, lộ trình mẫu, góp ý và cấu hình VPS */
.brand-mark{display:block;width:62px;height:62px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.preview-top b{display:flex;align-items:center;gap:5px}.preview-brand-logo{width:16px;height:16px;object-fit:contain}.mobile-brand .mobile-brand-identity{display:flex;align-items:center;gap:7px;font:inherit!important;color:inherit!important;letter-spacing:normal!important}.mobile-brand-identity img{width:27px;height:27px;object-fit:contain}.mobile-brand small{font:500 10px 'Be Vietnam Pro',sans-serif;color:var(--muted);letter-spacing:.5px}.dashboard-brand .dashboard-brand-logo{background:transparent!important;overflow:hidden}.dashboard-brand .dashboard-brand-logo img{width:100%;height:100%;object-fit:contain}

.path-sample-section{padding:43px;border:1px solid #dceae4;border-radius:19px;background:linear-gradient(135deg,#f7fcf9,#fff9eb)}.path-sample-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.path-sample-heading h2{margin:0 0 8px;font-size:30px;letter-spacing:-1px}.path-sample-heading p:not(.public-eyebrow){max-width:620px;margin:0;color:#62766f;font-size:12px;line-height:1.65}.path-sample-heading>span{max-width:170px;padding:9px 11px;border-radius:9px;background:#e7f4ed;color:#277363;font-size:10px;font-weight:700;line-height:1.45}.path-sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.path-week-card{min-height:248px;padding:19px;border:1px solid #dce9e3;border-radius:12px;background:#fff}.path-week-card.active{background:#0e5149;border-color:#0e5149;color:#fff;box-shadow:0 14px 26px #0a433933}.path-week-card>span{color:#16816b;font-size:9px;font-weight:800;letter-spacing:1px}.path-week-card.active>span{color:#a8e8d4}.path-week-card h3{margin:14px 0 8px;font-size:17px;line-height:1.3}.path-week-card p{min-height:53px;margin:0;color:#6a7d77;font-size:11px;line-height:1.55}.path-week-card.active p{color:#d8efe8}.path-week-card ul{margin:17px 0 0;padding:0;display:grid;gap:8px;list-style:none}.path-week-card li{color:#49655e;font-size:10px;line-height:1.42}.path-week-card li:before{content:'✓';margin-right:6px;color:#16816b;font-weight:800}.path-week-card.active li{color:#ecfaf5}.path-week-card.active li:before{color:#9ee4ce}.path-learning-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:19px;padding-top:19px;border-top:1px dashed #c8ddd4}.path-learning-flow>div{display:flex;align-items:center;gap:8px;color:#4f6d65;font-size:10px;font-weight:600}.path-learning-flow b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#dff1e9;color:#177865;font-size:9px}

/* Factory Signal is an original campaign language: industrial labels, lesson pulses and Chinese study cards. */
.factory-signal-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;margin:-34px 0 94px;padding:38px;border:1px solid #c7e2d7;border-radius:21px;background:linear-gradient(135deg,#0c514a 0,#0b4b45 52%,#153e3a 100%);color:#f5fff9;box-shadow:0 20px 42px #0a413126;overflow:hidden;position:relative}.factory-signal-section:before{content:'工';position:absolute;right:27px;bottom:-88px;color:#95e4ce0c;font:700 310px/1 'Noto Sans SC';pointer-events:none}.factory-signal-copy{position:relative;z-index:1}.factory-signal-copy .public-eyebrow{color:#94e8ce}.factory-signal-copy h2{max-width:405px;margin:0 0 13px;font-size:35px;letter-spacing:-1.5px;line-height:1.05}.factory-signal-copy h2 em{color:#9de8d1;font-style:normal}.factory-signal-copy>p:not(.public-eyebrow){max-width:440px;margin:0;color:#c9e7de;font-size:12px;line-height:1.72}.signal-button{height:42px;margin-top:22px;padding:0 15px;border:1px solid #9ce0cf;border-radius:8px;background:#edfff8;color:#104b43;font:700 11px 'Be Vietnam Pro',sans-serif;cursor:pointer;box-shadow:0 9px 18px #001d1844}.factory-signal-board{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.signal-card{min-height:154px;padding:18px;border:1px solid #5e9c8e;border-radius:13px;background:#ffffff0d;backdrop-filter:blur(6px)}.signal-card-main{grid-row:span 2;min-height:318px;display:flex;flex-direction:column;background:linear-gradient(150deg,#fff9e8,#e3fff3);border-color:#fff8dc;color:#164940;box-shadow:0 14px 30px #001f1940}.signal-card span{display:block;color:#a7e8d6;font-size:9px;font-weight:800;letter-spacing:1.1px}.signal-card-main span{color:#18806c}.signal-card h3{margin:16px 0 8px;font-size:18px;line-height:1.22;letter-spacing:-.5px}.signal-card p{margin:0;color:#cce8df;font-size:10px;line-height:1.55}.signal-card-main p{color:#487368}.signal-card-main b{margin-top:auto;padding-top:18px;color:#126f5f;font-size:10px;letter-spacing:.2px}.signal-card:nth-child(2){background:#1c7166}.signal-card:nth-child(3){background:#174e49}.factory-signal-section+.daily-learning-section{margin-top:0}

.feedback-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;padding:43px;border-radius:19px;background:#103f3a;color:#effaf5}.feedback-copy h2{max-width:430px;margin:0 0 11px;font-size:30px;letter-spacing:-1px}.feedback-copy>p:not(.public-eyebrow){max-width:470px;margin:0;color:#c9e0d9;font-size:12px;line-height:1.7}.feedback-copy .public-eyebrow{color:#9be7cf}.feedback-points{display:grid;gap:8px;margin:22px 0 16px}.feedback-points span{color:#ecfaf5;font-size:11px}.feedback-route-note{display:block;max-width:480px;color:#9ac0b5;font-size:10px;line-height:1.55}.feedback-form{display:grid;gap:12px;padding:22px;border:1px solid #39746b;border-radius:13px;background:#fff;color:#24443d}.feedback-form label{display:grid;gap:6px;color:#47635b;font-size:11px;font-weight:600}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border:1px solid #d2e1db;border-radius:7px;padding:10px;font:12px 'Be Vietnam Pro',sans-serif;color:#183c34;background:#fff;resize:vertical}.feedback-form input,.feedback-form select{height:39px;padding:0 10px}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{outline:2px solid #a6d9cc;border-color:#6daa9b}.feedback-form .primary{width:max-content;padding:0 16px}.feedback-form .form-message{margin:0;min-height:0}

.system-config-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:16px}.system-card{display:grid;align-content:start;gap:12px}.system-card>p:not(.eyebrow){margin:0;color:#71847e;font-size:12px;line-height:1.58}.brand-logo-preview{display:grid;place-items:center;min-height:155px;border:1px dashed #bdd8ce;border-radius:12px;background:linear-gradient(135deg,#f1faf5,#fff9eb)}.brand-logo-preview img{width:110px;height:110px;object-fit:contain}.system-form{display:grid;gap:12px;margin-top:2px}.system-form label{display:grid;gap:6px;color:#456059;font-size:11px;font-weight:600}.system-form input,.system-form select{width:100%;height:39px;border:1px solid #d4e2dc;border-radius:7px;padding:0 10px;background:#fff;color:#213f38;font:12px 'Be Vietnam Pro',sans-serif}.system-form input[type=file]{height:auto;padding:8px}.system-form input:focus,.system-form select:focus{outline:2px solid #b8ded5;border-color:#78b6a8}.system-form .small-muted{margin:0;font-size:10px}.system-fieldset{display:grid;grid-template-columns:1fr 1fr;gap:11px;border:1px solid #dce9e4;border-radius:9px;padding:12px;margin:0}.system-fieldset legend{padding:0 5px;color:#638078;font-size:10px;font-weight:700}.system-fieldset .small-muted{grid-column:1/-1}.system-fieldset .toggle-label{align-self:end;padding-bottom:8px}.system-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.system-actions .form-message{margin-right:auto;min-width:180px}.system-actions .soft-button{margin-top:0}.infrastructure-note{min-height:48px;padding:11px 12px!important;border:1px solid #d2e5dc;border-radius:8px;background:#f0f8f4;color:#54736a!important;font-size:11px!important}.infrastructure-note.production{border-color:#efd9aa;background:#fff8e8;color:#8a6320!important}.system-security-card{margin-top:16px;background:#f8fbff;border-color:#dce5f1}.support-inbox-status{margin-top:13px!important;padding:10px 11px;border-radius:8px;background:#eef5fb;color:#426680!important;font-size:11px!important}.prototype-chip>#runtime-mode-chip{font-size:10px;letter-spacing:0;color:#58726b;font-weight:500}

@media(max-width:980px){.path-sample-grid{grid-template-columns:1fr 1fr}.path-week-card{min-height:220px}.factory-signal-section{grid-template-columns:1fr;gap:26px}.system-config-grid{grid-template-columns:1fr}.feedback-section{grid-template-columns:1fr;gap:26px}}@media(max-width:700px){.path-sample-section{padding:29px 22px}.path-sample-heading{display:block}.path-sample-heading h2{font-size:25px}.path-sample-heading>span{display:inline-block;margin-top:14px}.path-learning-flow{grid-template-columns:1fr 1fr;gap:12px}.factory-signal-section{margin:-18px 0 62px;padding:28px 22px;border-radius:17px}.factory-signal-copy h2{font-size:28px}.factory-signal-board{grid-template-columns:1fr 1fr}.signal-card{min-height:136px;padding:14px}.signal-card-main{grid-column:1/-1;grid-row:auto;min-height:205px}.signal-card h3{margin:11px 0 6px;font-size:16px}.feedback-section{padding:31px 22px}.feedback-copy h2{font-size:26px}.feedback-form .primary{width:100%}.system-fieldset{grid-template-columns:1fr}.system-fieldset .toggle-label{padding-bottom:0}.system-actions{display:grid;grid-template-columns:1fr}.system-actions .form-message{min-width:0}.system-actions .soft-button,.system-actions .primary{width:100%;margin-top:0}.mobile-brand .mobile-brand-identity{font-size:15px!important}}

/* Tổng đài tự xây: khung prototype, realtime thật chạy qua API/SignalR */
.support-admin-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.support-list-card{padding:0;overflow:hidden}.support-ticket-list{display:grid;max-height:545px;overflow:auto}.support-ticket-item{display:grid;gap:5px;padding:14px 17px;border:0;border-bottom:1px solid #e8efeb;background:#fff;color:#294942;text-align:left;font:inherit;cursor:pointer}.support-ticket-item:hover,.support-ticket-item.active{background:#eef8f3}.support-ticket-item.active{box-shadow:inset 3px 0 0 #138170}.support-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-ticket-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.support-ticket-topic{color:#498174;font-size:9px;font-weight:700;letter-spacing:.4px}.support-ticket-preview{overflow:hidden;color:#677c75;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.support-ticket-item small{color:#8b9995;font-size:9px}.support-status{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:4px 7px;border-radius:99px;background:#eaf5ef;color:#21725f;font-size:9px;font-weight:700;white-space:nowrap}.support-status.status-in_progress{background:#fff4d9;color:#94691b}.support-status.status-answered{background:#edf2f6;color:#516c7d}.support-status.status-closed{background:#f0f2f2;color:#62736e}.support-empty-list{display:grid;gap:5px;padding:27px 20px;color:#6e807a}.support-empty-list b{color:#37584f;font-size:12px}.support-empty-list span{font-size:10px;line-height:1.5}.support-thread-card{min-height:420px}.support-thread-empty{display:grid;justify-items:center;align-content:center;min-height:370px;text-align:center;color:#71847e}.support-thread-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7f4ed;color:#19816d;font-size:23px}.support-thread-empty h3{margin:15px 0 6px;color:#31574d;font-size:16px}.support-thread-empty p{max-width:340px;margin:0;font-size:11px;line-height:1.6}.support-thread-header{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding-bottom:13px;border-bottom:1px solid #e4ece7}.support-thread-header h3{margin:0;color:#25473e;font-size:16px}.support-thread-header p{margin:5px 0 0;color:#72837d;font-size:10px;line-height:1.45}.support-message-list{display:grid;gap:10px;min-height:198px;max-height:300px;overflow:auto;padding:16px 0}.support-message{max-width:78%;padding:10px 12px;border-radius:10px;background:#edf6f2;color:#2b5147}.support-message.owner{justify-self:end;background:#0f675b;color:#fff}.support-message small{display:block;margin-bottom:5px;color:#6c8981;font-size:9px}.support-message.owner small{color:#c8eee1}.support-message p{margin:0;font-size:11px;line-height:1.55}.empty-support-message{margin:0;color:#72837d;font-size:11px}.support-reply-form{display:grid;grid-template-columns:150px 1fr;gap:11px;padding-top:14px;border-top:1px solid #e4ece7}.support-reply-form label{display:grid;gap:6px;color:#456059;font-size:10px;font-weight:700}.support-reply-form label:last-of-type{grid-column:2}.support-reply-form select,.support-reply-form textarea{width:100%;border:1px solid #d4e2dc;border-radius:7px;background:#fff;color:#24463e;font:11px 'Be Vietnam Pro',sans-serif}.support-reply-form select{height:37px;padding:0 9px}.support-reply-form textarea{padding:9px;resize:vertical}.support-reply-form select:focus,.support-reply-form textarea:focus{outline:2px solid #b8ded5;border-color:#78b6a8}.support-reply-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}.support-reply-actions .form-message{margin-right:auto}.community-plan-card{margin-top:16px;background:linear-gradient(135deg,#f7fcf9,#f6f9ff)}.community-plan-card>p:not(.eyebrow){max-width:820px;margin:0;color:#71847e;font-size:12px;line-height:1.6}.community-channel-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}.community-channel-chips span{padding:6px 9px;border:1px solid #cbe2d8;border-radius:99px;background:#fff;color:#2e7162;font-size:10px;font-weight:700}

@media(max-width:980px){.support-admin-grid{grid-template-columns:1fr}.support-ticket-list{max-height:250px}.support-thread-card{min-height:0}}@media(max-width:700px){.support-thread-card{padding:17px}.support-reply-form{grid-template-columns:1fr}.support-reply-form label:last-of-type{grid-column:auto}.support-reply-actions{display:grid;grid-template-columns:1fr}.support-reply-actions .form-message{margin:0}.support-reply-actions .primary{width:100%}.support-message{max-width:90%}}

/* Quảng bá trong app: chỉ nhập nội dung an toàn, không nhúng mã ngoài. */
.promotion-form textarea{width:100%;min-height:78px;height:auto;border:1px solid #d4e2dc;border-radius:7px;padding:10px;background:#fff;color:#213f38;font:12px 'Be Vietnam Pro',sans-serif;resize:vertical}.promotion-form .promotion-wide{grid-column:1/-1}.promotion-form small{font-size:10px;color:#74837f;font-weight:400}.promotion-form .permission-fieldset input[type=number]{width:58px;height:31px;padding:0 7px}.promotion-rule{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce9e2;background:#f0f8f4;border-radius:8px;padding:12px 14px;margin-bottom:17px}.promotion-rule>span{color:#1b886b;font-weight:700}.promotion-rule p{margin:0;color:#567068;font-size:11px;line-height:1.5}.promotion-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:10px}.promotion-actions .form-message{margin-right:auto}.promotion-actions .soft-button{margin-top:0}.promotion-form textarea:focus{outline:2px solid #b8ded5;border-color:#78b6a8}@media(max-width:700px){.promotion-actions{display:block}.promotion-actions .primary{margin-top:8px;width:100%}.promotion-actions .form-message{margin:0}.promotion-form .permission-fieldset{display:grid;grid-template-columns:1fr}.promotion-form .permission-fieldset label{align-items:center}}

/* Domain/VPS: chỉ giải thích cấu trúc công khai, không hiển thị hoặc lưu secret. */
.dns-guide-card{margin-top:16px;background:linear-gradient(135deg,#f5fcf9,#fffaf0);border-color:#d6e9df}.dns-guide-card h2{margin:0 0 15px;font-size:19px}.dns-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dns-guide-grid>div{padding:13px;border:1px solid #d7e7df;border-radius:10px;background:#fff}.dns-guide-grid b{display:block;margin-bottom:6px;color:#25594f;font-size:11px}.dns-guide-grid p{margin:0;color:#647a73;font-size:10px;line-height:1.55}.dns-guide-card code{padding:2px 4px;border-radius:4px;background:#eef6f2;color:#166c5c;font:600 9px ui-monospace,monospace}.dns-guide-card>.small-muted{margin:14px 0 0;font-size:10px;line-height:1.5}@media(max-width:980px){.dns-guide-grid{grid-template-columns:1fr}}

/* Logo navigation retains the dashboard brand styling. */
a.dashboard-brand {color:inherit;text-decoration:none;}
.dashboard-brand:focus-visible {outline:3px solid #48b5a2;outline-offset:4px;}