:root{--page: #FFFFFF;--surface: #F0F5F2;--surface-deep: #E6EDE9;--surface-flat: #FFFFFF;--shadow-light: #FFFFFF;--shadow-dark: #C3D2CA;--primary: #0B8A5B;--primary-deep: #076B46;--primary-lite: #14A870;--primary-soft: #D7EEE3;--primary-tint: #E9F6F0;--warning: #8A6100;--warning-bg: #F7EDD1;--danger: #C63B3B;--danger-bg: #FBE9E9;--text: #17241E;--text-muted: #5E6E66;--text-invert: #FFFFFF;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--lift: 0 14px 30px rgba(120,150,135,.2), 0 3px 8px rgba(120,150,135,.12);--lift-hi: 0 22px 44px rgba(120,150,135,.26), 0 5px 12px rgba(120,150,135,.14);--hairline:0 0 0 1px rgba(160,185,172,.22);--pop: 5px 5px 11px rgba(150,175,162,.55), -5px -5px 11px var(--shadow-light), inset 1px 1px 1px rgba(255,255,255,.95), inset -1px -1px 2px rgba(150,175,162,.35);--pop-lg: 8px 8px 17px rgba(150,175,162,.55), -8px -8px 17px var(--shadow-light), inset 1.5px 1.5px 2px rgba(255,255,255,.95), inset -1.5px -1.5px 3px rgba(150,175,162,.35);--press: inset 4px 4px 9px rgba(150,175,162,.6), inset -4px -4px 9px var(--shadow-light);--well: inset 3px 3px 7px rgba(150,175,162,.5), inset -3px -3px 7px var(--shadow-light);--grad-up: linear-gradient(145deg, #FFFFFF, #E2EBE6);--grad-green: linear-gradient(145deg, #16B478, #067048);--font-display: "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Be Vietnam Pro", system-ui, sans-serif}:root[data-theme=dark]{--page: #171C19;--surface: #232A27;--surface-deep: #1D2320;--surface-flat: #2C3430;--shadow-light: #2F3833;--shadow-dark: #141917;--primary: #3FC79A;--primary-deep: #7BE0BB;--primary-lite: #57D6AC;--primary-soft: #24362E;--primary-tint: #1E2B25;--warning-bg: #3A3016;--danger-bg: #3A2020;--text: #E9EFEB;--text-muted: #A5B3AC;--text-invert: #10151B;--grad-up: linear-gradient(145deg, #2A322E, #1D2320);--lift: 0 14px 30px rgba(0,0,0,.45), 0 3px 8px rgba(0,0,0,.3);--lift-hi: 0 22px 44px rgba(0,0,0,.5), 0 5px 12px rgba(0,0,0,.34);--hairline:0 0 0 1px rgba(120,150,135,.14);--pop: 5px 5px 11px rgba(0,0,0,.5), -5px -5px 11px var(--shadow-light), inset 1px 1px 1px rgba(255,255,255,.06), inset -1px -1px 2px rgba(0,0,0,.4);--pop-lg: 8px 8px 17px rgba(0,0,0,.5), -8px -8px 17px var(--shadow-light), inset 1.5px 1.5px 2px rgba(255,255,255,.06), inset -1.5px -1.5px 3px rgba(0,0,0,.4);--press: inset 4px 4px 9px rgba(0,0,0,.55), inset -4px -4px 9px var(--shadow-light);--well: inset 3px 3px 7px rgba(0,0,0,.5), inset -3px -3px 7px var(--shadow-light)}.nm-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--lift),var(--hairline);padding:var(--sp-5);transition:box-shadow .26s ease,transform .26s ease}.nm-card--hover:hover{transform:translateY(-4px);box-shadow:var(--lift-hi),var(--hairline)}.nm-content{background:var(--surface-flat);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:0 0 0 1px #a0b9ac2e;color:var(--text);line-height:1.75}.nm-btn{border:none;border-radius:var(--r-pill);padding:14px 24px;font:600 15px var(--font-body);color:var(--text);background:var(--grad-up);box-shadow:var(--pop);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .16s ease,transform .16s ease}.nm-btn:hover{transform:translateY(-2px);box-shadow:var(--pop-lg)}.nm-btn:active{transform:translateY(1px);box-shadow:var(--press)}.nm-btn:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.nm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--press);transform:none}.nm-btn--primary{background:var(--grad-green);color:var(--text-invert);box-shadow:5px 5px 12px #065a3c52,-4px -4px 10px var(--shadow-light),inset 1px 1px 1px #ffffff6b,inset -1px -2px 3px #0032205c}.nm-btn--primary:active{transform:translateY(1px);box-shadow:inset 4px 4px 9px #00342173,inset -2px -2px 6px #ffffff2e}.nm-btn--sm{padding:9px 16px;font-size:13px}.nm-badge{position:relative;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dfebe5);box-shadow:var(--pop-lg);color:var(--primary);flex-shrink:0}:root[data-theme=dark] .nm-badge{background:var(--grad-up)}.nm-badge:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:18px;background:linear-gradient(150deg,#fffffff2,#fff0 52%);pointer-events:none}:root[data-theme=dark] .nm-badge:after{opacity:.12}.nm-badge svg{position:relative;z-index:1;width:28px;height:28px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.nm-badge--sm{width:46px;height:46px;border-radius:15px}.nm-badge--sm svg{width:20px;height:20px}.nm-input{background:var(--surface-deep);border:none;border-radius:var(--r-md);box-shadow:var(--well);padding:14px 18px;width:100%;font:400 15px var(--font-body);color:var(--text)}.nm-input::placeholder{color:var(--text-muted);opacity:.8}.nm-input:focus{outline:2px solid var(--primary);outline-offset:2px}.nm-chip{background:var(--surface-deep);border-radius:var(--r-sm);box-shadow:var(--well);padding:11px 10px;text-align:center;font-size:12.8px;font-weight:600;color:var(--text-muted)}.nm-progress{height:11px;border-radius:var(--r-pill);background:var(--surface-deep);box-shadow:var(--well);overflow:hidden}.nm-progress>i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(145deg,#2fc98d,#079059);box-shadow:0 1px 2px #003c264d,inset 0 1px #ffffff73;transition:width .5s cubic-bezier(.4,0,.2,1)}.nm-segmented{display:inline-flex;gap:5px;padding:7px;border-radius:var(--r-pill);background:var(--surface-deep);box-shadow:var(--well)}.nm-seg{border:0;background:transparent;cursor:pointer;padding:11px 20px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:7px;font:600 14.5px var(--font-body);color:var(--text-muted);transition:.18s}.nm-seg[aria-selected=true]{background:var(--grad-up);box-shadow:var(--pop);color:var(--primary)}.flashcard{perspective:1400px;width:100%;aspect-ratio:3/2;cursor:pointer}.flashcard__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.flashcard.is-flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--lift),var(--hairline)}.flashcard__face p{font-size:18px;font-weight:600;color:var(--text)}.flashcard__face--back{transform:rotateY(180deg);background:linear-gradient(145deg,var(--primary-soft),var(--surface))}.flashcard__label{position:absolute;top:var(--sp-4);left:var(--sp-5);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--page);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3{font-family:var(--font-display);color:var(--text);line-height:1.25}.muted{color:var(--text-muted)}.center{display:grid;place-items:center}.row{display:flex;align-items:center;gap:var(--sp-3)}.col{display:flex;flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.wrap{flex-wrap:wrap}.grow{flex:1}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-5)}.sidebar__brand small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:800}.sidebar__brand b{font-size:17px;color:var(--primary-deep);font-family:var(--font-display)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:13px 16px;border-radius:var(--r-md);color:var(--text-muted);font-weight:600;font-size:14.5px;transition:.18s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{background:var(--surface);color:var(--primary);box-shadow:var(--pop)}.nav-link svg{width:20px;height:20px}.sidebar__foot{margin-top:auto}.main{flex:1;min-width:0;padding:var(--sp-6) var(--sp-6) var(--sp-7);max-width:1180px}.page-head{margin-bottom:var(--sp-6)}.page-head h1{font-size:28px;font-weight:800}.page-head p{color:var(--text-muted);margin-top:6px}.grid{display:grid;gap:var(--sp-5)}.grid--stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}.grid--materials{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width: 640px){.grid--materials{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid--materials>:nth-child(5){grid-column:1 / -1}.grid--stats{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.stat .num{font-size:32px}}.bottom-nav{display:none}@media (max-width: 1023px){.sidebar{display:none}.main{padding:var(--sp-4) var(--sp-4) 96px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);box-shadow:var(--lift),var(--hairline);padding:10px 8px calc(10px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--r-sm)}.bottom-nav a.active{color:var(--primary)}.bottom-nav svg{width:22px;height:22px}}.stat{position:relative}.stat .num{font:800 40px/1 var(--font-display);color:var(--primary-deep)}.stat .lbl{color:var(--text-muted);font-weight:600;font-size:13.5px;margin-top:8px}.stat .ico{position:absolute;top:0;right:0}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700}.pill--ok{background:var(--primary-soft);color:var(--primary-deep)}.pill--warn{background:var(--warning-bg);color:var(--warning)}.pill--mut{background:var(--surface-deep);color:var(--text-muted)}.pill--err{background:var(--danger-bg);color:var(--danger)}.alert{border-radius:var(--r-md);padding:14px 16px;border-left:5px solid;font-size:14px}.alert--warn{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert--danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert--info{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-deep)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5)}.auth-card{width:100%;max-width:420px}.auth-card h1{font-size:24px;font-weight:800}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:7px}.toast{position:fixed;bottom:24px;right:24px;z-index:60;background:var(--surface-flat);color:var(--text);box-shadow:var(--lift-hi),var(--hairline);border-radius:var(--r-md);padding:14px 18px;display:flex;align-items:center;gap:10px;max-width:360px;animation:toast-in .25s ease}.toast svg{color:var(--primary);flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f1e1861;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex}.slideover{margin-left:auto;width:min(640px,100%);height:100%;overflow-y:auto;background:var(--page);box-shadow:var(--lift-hi);animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translate(40px);opacity:.6}}.modal{margin:auto;width:min(520px,100%);animation:toast-in .25s ease}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--surface-deep);border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--grad-up);box-shadow:var(--pop);color:var(--text-muted);border:0;cursor:pointer}.icon-btn:active{box-shadow:var(--press)}.banner-demo{background:var(--warning-bg);color:var(--warning);text-align:center;padding:8px 14px;font-size:13px;font-weight:600}