@import url('/assets/teaching-hub.css?v=1');
:root{--brand:#e31667;--brand-dark:#b22a86;--brand-deep:#7451ad;--brand-soft:#fff0f6;--accent:#ef78ad;--text:#2d2435;--muted:#746b7a;--line:#eadfe9;--bg:#fff9fc;--zalo:#e31667;--zalo-soft:#fff0f6;--shadow:0 20px 55px rgba(116,81,173,.10)}
body{background:radial-gradient(circle at 8% 3%,rgba(255,223,235,.55),transparent 24%),radial-gradient(circle at 92% 2%,rgba(223,213,249,.62),transparent 28%),linear-gradient(180deg,#fffafd 0%,#fff 38%,#fbf9ff 100%)}
.topbar{min-height:78px}.official-logo{filter:none}.logo-fallback{background:linear-gradient(90deg,#e31667,#7451ad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-copy strong{font-size:16px}.brand-copy small{letter-spacing:.11em}.top-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:750}.top-nav>a:not(.top-aibuddy){color:#62596a}.top-nav>a:hover{color:var(--brand)}.top-aibuddy{color:var(--brand);border-color:#f1d6e4;background:#fff;padding:11px 15px}
.portal-hero{grid-template-columns:1.2fr .8fr;gap:70px;padding:82px 0 52px}.portal-hero h1{font-size:clamp(46px,5.2vw,72px);max-width:850px}.portal-hero h1 span{background:linear-gradient(100deg,#e31667 5%,#b22a86 50%,#7451ad 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-hero .hero-copy>p{max-width:800px}.eyebrow,.book-kicker,.training-format,.training-link,.open-link{color:var(--brand)}.btn.primary{background:linear-gradient(100deg,#e31667 0%,#c5267f 52%,#7451ad 100%);box-shadow:0 12px 28px rgba(211,33,120,.18)}.btn.secondary{border-color:#eadde7}.support-summary{padding:30px;border-radius:26px;background:rgba(255,255,255,.88);border:1px solid #ecdfe9;box-shadow:0 28px 70px rgba(95,64,120,.10)}.support-summary>strong{display:block;font-size:26px;letter-spacing:-.035em;margin:7px 0 22px}.support-list{display:grid;gap:3px}.support-list>div{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #f0e7ee}.support-list b{width:32px;height:32px;border-radius:10px;background:#fff0f6;color:#d32070;display:grid;place-items:center;font-size:10px}.support-list span{display:grid;gap:2px}.support-list span strong{font-size:13px}.support-list small{color:var(--muted);font-size:11px}.portal-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ecdfeb;background:rgba(255,255,255,.72);border-radius:20px;overflow:hidden;margin:0 0 35px}.portal-strip div{padding:18px 20px;display:flex;gap:12px;align-items:center;border-right:1px solid #ecdfeb;font-size:12px;font-weight:750}.portal-strip div:last-child{border-right:0}.portal-strip b{color:var(--brand);font-size:10px}.book-tags span,.icon,.notice{background:#fff0f6;color:#9d3674;border-color:#f5dce8}.notice{color:#725d6c}.notice-icon{background:#fde2ee;color:#b22a86}.zalo-number{background:linear-gradient(145deg,#fff0f6,#f3edff);color:#d21c70}.zalo-card{border-color:#eadfe9;box-shadow:0 8px 28px rgba(116,81,173,.035)}.zalo-card.open:hover,.zalo-card.almost_full:hover,.dashboard-card:not(.disabled-card):hover{border-color:#e7b9d2;box-shadow:var(--shadow)}.zalo-label,.join-btn{color:var(--brand)}
.dashboard-card{border-color:#eadfe9;background:linear-gradient(180deg,#fff 0%,#fffafd 100%)}.dashboard-card .icon,.facebook .icon,.youtube .icon{background:linear-gradient(145deg,#fff0f6 0%,#f4edff 100%);color:#c22476}.dashboard-card .tag{background:#f7f2f7;color:#796c78}.dashboard-card .open-link{color:#b22a86}.dashboard-card:not(.disabled-card):hover{transform:translateY(-3px);border-color:#dfafd0;box-shadow:0 18px 45px rgba(116,81,173,.12)}.training-card,.empty-state{border-color:#eadfe9}.training-date strong{color:#b22a86}
.admin-body{background:radial-gradient(circle at 0 0,rgba(245,213,229,.58),transparent 28%),radial-gradient(circle at 100% 0,rgba(225,213,248,.58),transparent 28%),linear-gradient(180deg,#f8f4f8 0%,#f7f5fa 48%,#faf9fc 100%)}.admin-shell{width:min(1500px,calc(100% - 48px));padding-top:26px}.admin-header{position:relative;padding:26px 28px;margin-bottom:18px;align-items:center;border:1px solid #e8dce7;border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.96) 0%,rgba(255,242,248,.96) 48%,rgba(246,240,255,.96) 100%);box-shadow:0 18px 50px rgba(92,57,108,.08);overflow:hidden}.admin-header:after{content:"";position:absolute;right:-55px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(227,22,103,.13),rgba(116,81,173,.03) 58%,transparent 70%);pointer-events:none}.admin-header>div{position:relative;z-index:1}.admin-header h1,.login-panel h1{font-size:34px}.admin-header p{font-size:12px;max-width:680px}.admin-actions{position:relative;z-index:2}.admin-actions .btn{min-height:42px;border-radius:12px}.admin-actions .btn.secondary{background:rgba(255,255,255,.82);border-color:#e6d8e4;box-shadow:0 4px 14px rgba(83,55,94,.04)}
.admin-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.admin-stat{position:relative;min-height:126px;padding:18px 19px;border:1px solid #e7dde6;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(72,49,82,.045);overflow:hidden}.admin-stat:after{content:"";position:absolute;width:90px;height:90px;right:-22px;bottom:-34px;border-radius:50%;background:radial-gradient(circle,rgba(116,81,173,.12),transparent 68%)}.admin-stat.stat-primary{background:linear-gradient(145deg,#fff 0%,#fff3f8 100%);border-color:#ecd5e2}.admin-stat.stat-primary:after{background:radial-gradient(circle,rgba(227,22,103,.18),transparent 68%)}.admin-stat.stat-storage{background:linear-gradient(145deg,#fff 0%,#f6f0ff 100%)}.admin-stat span{display:block;color:#8a7786;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.admin-stat strong{display:block;margin:8px 0 3px;font-size:28px;line-height:1;color:#33283a;letter-spacing:-.04em}.admin-stat.stat-primary strong{color:#d41e70}.admin-stat.stat-storage strong{font-size:18px;color:#7451ad;margin-top:12px}.admin-stat small{color:#8b808d;font-size:10px}.admin-alert{border:1px solid transparent;box-shadow:0 6px 18px rgba(77,53,85,.035)}.admin-alert.error{background:linear-gradient(90deg,#fff0f5,#fff7fa);color:#9d4168;border-color:#f2d5e2}.admin-alert.success{background:#eff9f4;color:#317052;border-color:#d9eee3}.admin-panel{position:relative;border:1px solid #e7dee6;border-radius:18px;padding:0;margin-bottom:20px;background:#fff;box-shadow:0 12px 34px rgba(62,43,75,.055);overflow:hidden}.admin-panel:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#e31667 0%,#b22a86 52%,#7451ad 100%);opacity:.9}.admin-panel:nth-of-type(2):before{background:linear-gradient(180deg,#7451ad 0%,#b22a86 55%,#e31667 100%)}.admin-section-title{padding:22px 24px 18px 28px;margin:0;border-bottom:1px solid #eee7ed;align-items:center;background:linear-gradient(90deg,#fff 0%,#fffafd 68%,#faf7ff 100%)}.admin-section-title .eyebrow{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:25px;padding:0 8px;border-radius:999px;background:linear-gradient(90deg,#fff0f6,#f3edff);font-size:9px}.admin-section-title h2{font-size:21px;margin-top:7px}.admin-section-title p{max-width:560px;text-align:right;color:#817381}.admin-table-wrap{padding:0 16px 16px 20px;background:#fff}.admin-table{border-collapse:separate;border-spacing:0 5px}.admin-table th{padding:12px 8px 8px;font-size:9px;color:#837887;background:#fff;position:sticky;top:0;z-index:1}.admin-table td{padding:7px 6px;border-top:1px solid #f1ebf0;border-bottom:1px solid #f1ebf0;background:#fcfbfd}.admin-table tr td:first-child{border-left:1px solid #f1ebf0;border-radius:10px 0 0 10px}.admin-table tr td:last-child{border-right:1px solid #f1ebf0;border-radius:0 10px 10px 0}.admin-table tbody tr:hover td{background:#fff8fc;border-color:#eddde8}.admin-table input,.admin-table select,.admin-form input{min-height:38px;border:1px solid #ded4dc;border-radius:8px;padding:7px 9px;background:#fff;color:#33283a;font-size:11px;transition:.15s}.admin-table input:hover,.admin-table select:hover{border-color:#cdb9c8}.admin-table input:focus,.admin-table select:focus,.admin-form input:focus{outline:0;border-color:#d65392;box-shadow:0 0 0 3px rgba(227,22,103,.07)}.admin-table input[type=checkbox]{accent-color:#e31667}.admin-savebar{bottom:16px;margin:0 12px;background:linear-gradient(100deg,#392743 0%,#65478a 62%,#8c3f82 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(58,38,73,.22);padding:12px 15px;border-radius:15px}.admin-savebar .btn.primary{min-height:40px;background:linear-gradient(100deg,#f21d70,#c5267f 58%,#8c50ad)}.login-panel{border-color:#ead9e5;box-shadow:0 24px 65px rgba(116,81,173,.11)}
@media(max-width:1100px){.admin-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.top-nav>a:not(.top-aibuddy){display:none}.portal-hero{grid-template-columns:1fr;gap:30px}.portal-strip{grid-template-columns:repeat(2,1fr)}.portal-strip div:nth-child(2){border-right:0}.portal-strip div:nth-child(-n+2){border-bottom:1px solid #ecdfeb}.admin-shell{width:min(100% - 24px,1500px)}.admin-header{align-items:flex-start}}
@media(max-width:640px){.top-nav{gap:8px}.portal-hero{padding-top:48px}.portal-strip{grid-template-columns:1fr}.portal-strip div{border-right:0;border-bottom:1px solid #ecdfeb!important}.portal-strip div:last-child{border-bottom:0!important}.admin-section-title p{text-align:left}.admin-header{padding:20px}.admin-table-wrap{padding-left:12px}.admin-overview{grid-template-columns:1fr 1fr}.admin-stat{min-height:112px;padding:15px}.admin-stat strong{font-size:24px}}