/* AW Chinese FINAL R3 — login/dashboard.php + login/words.php */
:root{
 --aw-brand:#10b981;--aw-brand-deep:#059669;--aw-soft:#ecfdf5;--aw-bg:#f8fafc;
 --aw-text:#0f172a;--aw-muted:#64748b;--aw-line:#e2e8f0;
 --aw-nav-h:72px;--aw-safe-bottom:env(safe-area-inset-bottom,0px)
}
html.aw-final-app{scroll-behavior:smooth}
html.aw-final-app body{min-height:100svh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
.aw-dashboard-final main,.aw-words-final main{
 width:min(100%,1180px)!important;margin-inline:auto!important;padding-left:16px!important;padding-right:16px!important;
 padding-bottom:calc(var(--aw-nav-h) + var(--aw-safe-bottom) + 28px)!important
}
.aw-final-app :where(button,a){touch-action:manipulation}
.aw-final-app :where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(16,185,129,.34)!important;outline-offset:2px!important}
.aw-final-app input,.aw-final-app select,.aw-final-app textarea{font-size:max(16px,1em)}
.aw-final-main-nav{
 position:fixed;z-index:160;left:10px;right:10px;bottom:max(8px,var(--aw-safe-bottom));
 min-height:64px;padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;
 border:1px solid rgba(226,232,240,.94);border-radius:22px;background:rgba(255,255,255,.96);
 box-shadow:0 15px 42px rgba(15,23,42,.14);backdrop-filter:blur(14px)
}
.dark .aw-final-main-nav{background:rgba(15,23,42,.96);border-color:#334155;box-shadow:0 15px 42px rgba(0,0,0,.34)}
.aw-final-main-nav a{
 min-height:52px;min-width:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:3px;color:#94a3b8;text-decoration:none;font:800 10px/1.1 Sarabun,system-ui,sans-serif
}
.aw-final-main-nav i{width:20px;height:20px}.aw-final-main-nav a.is-active{background:#ecfdf5;color:#047857}
.dark .aw-final-main-nav a.is-active{background:rgba(16,185,129,.13);color:#6ee7b7}

/* headers */
.aw-dashboard-final>header,.aw-words-final nav.aw-premium-nav{
 min-height:60px!important;height:auto!important;background:rgba(255,255,255,.94)!important;
 border-color:rgba(226,232,240,.88)!important;backdrop-filter:blur(12px)
}
.dark .aw-dashboard-final>header,.dark .aw-words-final nav.aw-premium-nav{background:rgba(15,23,42,.94)!important;border-color:#1e293b!important}
.aw-dashboard-final>header :where(a,button),.aw-words-final nav.aw-premium-nav :where(a,button){min-width:44px;min-height:44px}

/* dashboard */
.aw-dashboard-final main{padding-top:18px!important;display:flex;flex-direction:column;gap:18px!important}
.aw-dashboard-final main>section{margin:0!important}
.aw-dashboard-final .clean-card{border-radius:20px!important;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.aw-dashboard-final .aw-final-welcome{
 padding:17px;border:1px solid rgba(16,185,129,.18);border-radius:26px;
 background:linear-gradient(135deg,#fff,#ecfdf5);box-shadow:0 12px 34px rgba(15,23,42,.055)
}
.dark .aw-dashboard-final .aw-final-welcome{background:linear-gradient(135deg,#0f172a,#052e2b);border-color:rgba(52,211,153,.2)}
.aw-dashboard-final .aw-final-welcome #welcome-avatar{width:58px!important;height:58px!important;min-width:58px;border-radius:18px!important;font-size:20px!important}
.aw-dashboard-final .aw-final-primary{
 display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;position:relative;overflow:hidden;
 min-height:132px;padding:20px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#059669,#10b981 60%,#14b8a6);
 box-shadow:0 18px 42px rgba(16,185,129,.2)
}
.aw-dashboard-final .aw-final-primary:after{content:"";position:absolute;width:190px;height:190px;border-radius:999px;right:-75px;top:-95px;background:rgba(255,255,255,.12)}
.aw-dashboard-final .aw-final-primary .k{font-size:10px;font-weight:900;letter-spacing:.14em;opacity:.8}
.aw-dashboard-final .aw-final-primary h2{font-size:22px;line-height:1.2;font-weight:900;margin:5px 0 0}
.aw-dashboard-final .aw-final-primary p{font-size:12px;font-weight:700;opacity:.88;margin-top:6px}
.aw-dashboard-final .aw-final-primary button{position:relative;z-index:1;min-height:48px;padding:0 17px;border:0;border-radius:15px;background:#fff;color:#047857;font-size:12px;font-weight:900}
.aw-dashboard-final .aw-final-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.aw-dashboard-final .aw-final-quick a{
 min-height:90px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#334155;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:10px;font-weight:900
}
.dark .aw-dashboard-final .aw-final-quick a{background:#1e293b;border-color:#334155;color:#e2e8f0}
.aw-dashboard-final .aw-final-quick a span:first-child{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#ecfdf5;color:#047857}
.dark .aw-dashboard-final .aw-final-quick a span:first-child{background:rgba(16,185,129,.12);color:#6ee7b7}
.aw-dashboard-final .aw-final-quick i{width:19px;height:19px}
.aw-dashboard-final #daily-learning-hub,.aw-dashboard-final #hsk-section,.aw-dashboard-final #aw-tools,.aw-dashboard-final #aw-brain-center{scroll-margin-top:74px}
.aw-dashboard-final #aw-tools>a.group.relative.block{border-radius:22px!important;box-shadow:none!important}
.aw-dashboard-final #aw-tools>div.grid{gap:10px!important}
.aw-dashboard-final #aw-tools>div.grid>a{border-radius:20px!important;min-height:135px}
.aw-dashboard-final #premiumUploadModal form button[type="submit"]{min-height:46px}
.aw-dashboard-final #premium_slip_image{min-height:48px}

/* words */
.aw-words-final main{padding-top:14px!important}
.aw-words-final .aw-hero-shell{border-radius:22px!important;box-shadow:none!important}
.aw-words-final #training-launcher-grid{
 display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;gap:9px!important;
 padding:2px 1px 7px;scrollbar-width:none
}
.aw-words-final #training-launcher-grid::-webkit-scrollbar{display:none}
.aw-words-final #training-launcher-grid>.training-launcher-card{
 flex:0 0 150px!important;min-height:112px!important;scroll-snap-align:start;border-radius:18px!important
}
.aw-words-final .aw-final-training{
 display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:13px 14px;
 border:1px solid rgba(16,185,129,.2);border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#d1fae5)
}
.dark .aw-words-final .aw-final-training{background:rgba(16,185,129,.1);border-color:rgba(52,211,153,.2)}
.aw-words-final .aw-final-training b{display:block;font-size:14px;color:#065f46}.dark .aw-words-final .aw-final-training b{color:#a7f3d0}
.aw-words-final .aw-final-training span{font-size:10px;font-weight:700;color:#64748b}
.aw-words-final .aw-final-training button{min-height:46px;padding:0 15px;border:0;border-radius:14px;background:#10b981;color:#fff;font-size:11px;font-weight:900}
.aw-words-final .aw-search-card{
 position:sticky!important;top:66px;z-index:28;border-radius:20px!important;padding:10px!important;
 box-shadow:0 10px 28px rgba(15,23,42,.08)!important
}
.aw-words-final .aw-final-status{
 position:static!important;inset:auto!important;height:auto!important;min-height:0!important;
 margin:9px 0 0!important;padding:0 0 2px!important;border:0!important;background:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;display:flex!important;justify-content:flex-start!important;
 gap:7px!important;overflow-x:auto!important;scrollbar-width:none
}
.aw-words-final .aw-final-status::-webkit-scrollbar{display:none}
.aw-words-final .aw-final-status button{
 width:auto!important;flex:0 0 auto!important;min-width:max-content!important;min-height:38px!important;
 padding:0 12px!important;display:inline-flex!important;flex-direction:row!important;gap:6px!important;
 border:1px solid #e2e8f0!important;border-radius:999px!important;background:#fff!important;color:#64748b!important;font-size:10px!important
}
.dark .aw-words-final .aw-final-status button{background:#1e293b!important;border-color:#334155!important}
.aw-words-final .aw-final-status button i{width:14px!important;height:14px!important}
.aw-words-final .aw-final-status button br{display:none}
.aw-words-final .aw-final-status button.nav-active{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
.dark .aw-words-final .aw-final-status button.nav-active{background:rgba(16,185,129,.12)!important;border-color:rgba(52,211,153,.25)!important;color:#6ee7b7!important}
.aw-words-final #vocabGrid{gap:10px!important}
.aw-words-final .aw-vocab-card{min-height:160px!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(15,23,42,.045)!important}
.aw-words-final .aw-vocab-card:hover{transform:none!important}
.aw-words-final .aw-vocab-card .aw-hanzi-mark{min-width:64px;height:64px;border-radius:18px}
.aw-words-final .training-fab{bottom:calc(var(--aw-nav-h) + var(--aw-safe-bottom) + 14px)!important}
.aw-words-final #wordModal>div.relative{padding-bottom:calc(24px + var(--aw-safe-bottom))!important}

@media(max-width:767px){
 .aw-dashboard-final main,.aw-words-final main{padding-left:12px!important;padding-right:12px!important}
 .aw-dashboard-final>header{padding-left:12px!important;padding-right:12px!important}
 .aw-dashboard-final>header .hidden.md\:flex{display:none!important}
 .aw-dashboard-final .aw-final-primary{grid-template-columns:1fr;min-height:156px;padding:18px}
 .aw-dashboard-final .aw-final-primary button{width:100%}
 .aw-dashboard-final .aw-final-quick{gap:7px}
 .aw-dashboard-final .aw-final-quick a{min-height:80px;padding:6px 2px;font-size:9px;border-radius:16px}
 .aw-dashboard-final #daily-learning-hub>div.grid{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:9px!important;padding-bottom:4px}
 .aw-dashboard-final #daily-learning-hub>div.grid>.clean-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}
 .aw-dashboard-final #hsk-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:9px!important;padding-bottom:4px}
 .aw-dashboard-final #hsk-grid>.clean-card{flex:0 0 min(84vw,320px);scroll-snap-align:start}
 .aw-dashboard-final #aw-tools>div.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .aw-words-final #vocabGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .aw-words-final #wordModal>div.relative{width:100%!important;height:100%!important;border-radius:0!important}
}
@media(min-width:768px){
 .aw-words-final #vocabGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .aw-words-final #wordModal{padding:24px}
 .aw-words-final #wordModal>div.relative{
  width:min(760px,92vw)!important;height:auto!important;max-height:88vh!important;border-radius:28px!important;
  border:1px solid #e2e8f0;box-shadow:0 28px 90px rgba(15,23,42,.25)
 }
}
@media(min-width:1024px){
 .aw-final-main-nav{
  left:18px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:78px;
  grid-template-columns:1fr;grid-template-rows:repeat(5,64px);padding:7px;border-radius:24px
 }
 .aw-dashboard-final main,.aw-words-final main{padding-left:100px!important}
 .aw-dashboard-final>header{padding-left:102px!important}
 .aw-words-final nav.aw-premium-nav>div{padding-left:92px!important}
 .aw-words-final #vocabGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .aw-words-final .aw-final-status{display:none!important}
}
@media(min-width:1280px){.aw-words-final #vocabGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){
 html.aw-final-app{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}