:root{--bg: #f2f2f7;--panel: #ffffff;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eaf1fe;--text: #1c1c1e;--heading: #000000;--muted: #8a8a8e;--border: #e4e4e9;--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--radius: 16px;--radius-sm: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}h1,h2,h3,.brand{font-family:inherit;letter-spacing:-.022em}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--panel);padding:26px 18px;flex-shrink:0;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .brand{flex-shrink:0}.sidebar nav{flex:1 1 auto;overflow-y:auto;min-height:0}.side-foot{flex-shrink:0;margin-top:12px}.side-foot>.upgrade-card,.side-foot>.side-card{margin-top:0}.sidebar .brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--heading);padding:0 6px 22px;margin-bottom:14px;border-bottom:1px solid var(--border)}.sidebar .brand .logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:20px;box-shadow:0 8px 18px #2563eb59}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;padding:11px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .15s ease}.sidebar nav a svg{flex-shrink:0}.sidebar nav a:hover{background:var(--primary-soft);color:var(--primary)}.sidebar nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar nav a.active svg{color:var(--primary)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:74px;display:flex;align-items:center;padding:0 30px;gap:18px;position:sticky;top:0;z-index:40;background:#f2f2f7d1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--border)}.topbar .greeting{line-height:1.2}.topbar .greeting .hi{font-size:18px;font-weight:700;font-family:inherit;color:var(--heading)}.topbar .greeting .sub{font-size:13px;color:var(--muted)}.topbar .spacer{flex:1}.topbar .icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;display:grid;place-items:center;color:var(--primary);cursor:pointer;box-shadow:none}.topbar .icon-btn:hover{background:#7878801f}.topbar .icon-btn:active{opacity:.6}.user-box{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;display:grid;place-items:center;font-weight:600;font-family:inherit}.user-meta{line-height:1.25}.user-meta .name{font-size:14px;font-weight:600;color:var(--heading)}.user-meta .role{font-size:12px;color:var(--muted)}.hamburger{display:none;background:none;border:none;font-size:24px;color:var(--heading);cursor:pointer;padding:2px 6px;line-height:1}.topbar-brand{display:none;align-items:center;gap:8px;font-weight:700;font-family:inherit;color:var(--heading);font-size:16px}.topbar-brand .logo{width:30px;height:30px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:15px}.nav-backdrop{display:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.content{padding:8px 30px 34px}h1{font-size:28px;font-weight:700;margin:0 0 20px;color:var(--heading)}h2{font-size:17px;font-weight:600;margin:0 0 14px;color:var(--heading)}.panel{background:var(--panel);border-radius:var(--radius);padding:22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.btn{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;font-family:inherit;letter-spacing:-.01em;transition:opacity .15s ease,background .15s ease;box-shadow:none}.btn:hover{background:var(--primary-dark)}.btn:active{opacity:.72}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--primary-soft);color:var(--primary)}.btn.ghost:hover{background:#e7ddfb}.btn.danger{background:#ff3b301f;color:var(--danger)}.btn.danger:hover{background:#ff3b3033}.btn.sm{padding:7px 13px;font-size:13px;border-radius:9px}.btn-ext{display:inline-flex;align-items:center;gap:7px}.btn-ext svg{width:15px;height:15px;opacity:.8;flex-shrink:0}.btn-ext.sm svg,.btn.sm.btn-ext svg{width:13px;height:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 14px;font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr{border-top:1px solid var(--border)}tbody tr:hover td{background:#fafbff}input,select,textarea{padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;width:100%;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500}.field{margin-bottom:14px}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1;min-width:160px}.badge{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.badge.present{background:#e6f9f0;color:var(--success)}.badge.absent{background:#fef0ef;color:var(--danger)}.badge.late{background:#fff5e6;color:var(--warning)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:4px}.stat{background:var(--panel);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px}.stat .icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.stat .icon svg{width:26px;height:26px}.stat .num{font-size:26px;font-weight:700;font-family:inherit;color:var(--heading);line-height:1.1}.stat .lbl{color:var(--muted);font-size:13px;margin-top:3px}.ic-indigo{background:#eef0ff;color:#1d4ed8}.ic-green{background:#e6f9f0;color:#12b76a}.ic-orange{background:#fff5e6;color:#f79009}.ic-purple{background:#e8f0fe;color:#2563eb}.ic-pink{background:#ffeef2;color:#f63d68}.error{color:var(--danger);font-size:14px;margin:8px 0}.muted{color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar .grow{flex:1}.auth-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;background:#f3ece0}.auth-hero{position:relative;flex:1.08 1 0;min-width:0;overflow:hidden}.auth-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.auth-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c101f,#0a0c101f 42%,#0a0c10a3)}.auth-hero-content{position:absolute;left:clamp(28px,4vw,56px);right:clamp(28px,4vw,56px);bottom:clamp(34px,5vh,64px);color:#fff}.auth-badge{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;background:#14121080;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);font-size:13.5px;font-weight:600;letter-spacing:-.01em;box-shadow:0 6px 18px #0000002e;white-space:nowrap}.auth-head{margin:18px 0 0;color:#fff;font-size:clamp(30px,3.4vw,50px);line-height:1.07;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 22px rgba(0,0,0,.38)}.auth-panel{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:32px 22px;overflow-y:auto;background:linear-gradient(160deg,#fbf7ee,#f1e8d8)}.login-card{width:100%;max-width:400px;padding:40px 36px;border-radius:24px;background:#ffffffbd;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px #28201429}.login-logo-img{display:block;height:78px;width:auto;margin:0 auto 18px}.login-card h1{text-align:center;font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;color:#2e2721}.login-card .tagline{text-align:center;color:var(--muted);font-size:13.5px;margin:0 0 22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(160deg,#fbf7ee,#f1e8d8)}.login-logo{width:60px;height:60px;border-radius:18px;margin:0 auto 14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 12px 24px #2563eb59}@keyframes authUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.login-card{animation:authUp .7s cubic-bezier(.16,1,.3,1) both}.auth-badge{animation:authUp .6s cubic-bezier(.16,1,.3,1) .15s both}.auth-head{animation:authUp .7s cubic-bezier(.16,1,.3,1) .28s both}@media (max-width: 900px){.auth-stage{flex-direction:column}.auth-hero{flex:0 0 30vh;min-height:200px}.auth-head{margin-top:12px;font-size:clamp(24px,6.2vw,34px)}.auth-panel{flex:1 1 auto;padding:26px 16px 40px}}@media (max-width: 480px){.login-card{padding:30px 22px}.login-logo-img{height:64px}}@media (prefers-reduced-motion: reduce){.login-card,.auth-badge,.auth-head{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b255959;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border-radius:20px;padding:28px;width:460px;max-width:92vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal h2{margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media (max-width: 860px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:264px;transform:translate(-100%);transition:transform .25s ease;z-index:100;box-shadow:0 0 50px #0f172a2e;overflow-y:auto}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:90}.topbar{padding:0 14px;gap:10px;height:62px}.hamburger{display:block}.topbar-brand{display:flex}.greeting,.user-meta,.topbar .icon-btn[title="Thông báo"]{display:none}.content{padding:12px 14px 28px}h1{font-size:20px}}@media (max-width: 640px){.panel{overflow-x:auto}.panel>table th,.panel>table td{white-space:nowrap}.modal{padding:20px}.dash-stats{gap:12px}.toolbar{gap:8px}.toolbar>.btn,.toolbar>select,.toolbar>input{flex:1 1 auto;min-width:0}}.grades-layout{display:flex;gap:18px;align-items:flex-start}@media (max-width: 860px){.grades-layout{flex-direction:column}.grades-layout>*{width:100%!important;flex:1 1 auto!important}}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px;margin-bottom:22px}.dash-stat{border-radius:var(--radius);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.dash-stat .lbl{font-size:14px;color:#55608a;margin-bottom:8px}.dash-stat .num{font-size:28px;font-weight:700;font-family:inherit;color:var(--heading);line-height:1}.dash-stat .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.dash-stat .ic svg{width:26px;height:26px}.st-purple{background:#eaf1fe}.st-purple .ic{background:#cfe0fe;color:#2563eb}.st-blue{background:#eaf1ff}.st-blue .ic{background:#d6e4ff;color:#3b82f6}.st-peach{background:#fff1ea}.st-peach .ic{background:#ffe0d0;color:#f97316}.st-green{background:#e9faf1}.st-green .ic{background:#cdf3df;color:#10b981}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media (max-width: 1000px){.dash-grid{grid-template-columns:1fr}}.dash-col{display:flex;flex-direction:column;gap:20px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h2{margin:0}.card-head .link{color:var(--primary);font-size:13px;font-weight:600;cursor:pointer}.donut-wrap{display:flex;flex-direction:column;align-items:center}.donut{position:relative;width:190px;height:190px}.donut .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut .center .t{font-size:12px;color:var(--muted)}.donut .center .v{font-size:26px;font-weight:700;font-family:inherit;color:var(--heading)}.legend{display:flex;flex-direction:column;gap:8px;margin-top:18px;width:100%}.legend .row{display:flex;align-items:center;gap:8px;font-size:13px;color:#55608a}.legend .row>*{flex:0 0 auto;min-width:0}.legend .dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend .row .val{margin-left:auto;font-weight:600;color:var(--heading)}.rank-table{width:100%;border-collapse:collapse}.rank-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;font-weight:600}.rank-table td{padding:12px 10px;border-top:1px solid var(--border);font-size:14px}.rank-table tr:hover td{background:#faf9ff}.stu-cell{display:flex;align-items:center;gap:10px}.stu-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0}.pct{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e9faf1;color:#10b981}.perf{display:flex;flex-direction:column;gap:16px}.perf .item{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px}.perf .cls{font-size:13px;color:#55608a;font-weight:500}.perf .track{height:26px;background:#f1f0f7;border-radius:999px;overflow:hidden}.perf .fill{height:100%;border-radius:999px;display:flex;align-items:center;padding-left:12px;color:#fff;font-size:12px;font-weight:600;min-width:42px}.perf .score{font-size:13px;font-weight:700;color:var(--heading);text-align:right}.side-card{margin-top:20px;background:linear-gradient(160deg,#2563eb,#3b82f6);border-radius:18px;padding:18px;color:#fff;text-align:center}.side-card .emoji{font-size:30px}.side-card .t{font-weight:600;font-size:14px;margin:8px 0 12px;line-height:1.4}.side-card .btn-w{background:#fff;color:var(--primary);border:none;width:100%;padding:9px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px}.sac-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;line-height:1;margin-left:6px;vertical-align:middle;cursor:default}.sac-legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}.sac-legend .it{display:inline-flex;align-items:center;gap:6px}:root{--bg-image: url(/shepherd.jpg)}body{background:#f4f5f7}.panel{border:1px solid var(--border);box-shadow:0 1px 2px #1018280a}.sidebar{background:#fff}.topbar{background:#f4f5f7eb;border-bottom:1px solid var(--border)}.modal{border:1px solid var(--border)}.modal-backdrop{background:#14182861}:root[data-bg=image] body{background:linear-gradient(160deg,#f3e2c8,#e7d3b6 40%,#cfe0ea)}:root[data-bg=image] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--bg-image) center / cover no-repeat}:root[data-bg=image] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#f4f4f873}:root[data-bg=image] .panel{background:#ffffffad;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #00000014}:root[data-bg=image] .sidebar{background:#ffffff9e;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-right:1px solid rgba(255,255,255,.4)}:root[data-bg=image] .topbar{background:#ffffff8c;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4)}:root[data-bg=image] .modal{background:#ffffffd1;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.6)}:root[data-bg=image] .modal-backdrop{background:#14182859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dash-stat{border:1px solid var(--border)}:root[data-bg=image] .dash-stat{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.5)}.st-purple{background:#eaf1fe9e}.st-blue{background:#eaf1ff9e}.st-peach{background:#fff1ea9e}.st-green{background:#e9faf19e}:root:not([data-bg=image]) .st-purple,:root:not([data-bg=image]) .st-blue,:root:not([data-bg=image]) .st-peach,:root:not([data-bg=image]) .st-green{background:var(--panel)}.bi{width:16px;height:16px;flex-shrink:0;margin-right:6px;vertical-align:-3px}.btn.sm .bi{width:14px;height:14px;margin-right:5px;vertical-align:-2px}.h-ic{width:20px;height:20px;margin-right:8px;vertical-align:-4px;color:var(--primary);flex-shrink:0}.nav-group-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:14px 14px 4px}.nav-group-title:first-child{padding-top:4px}.plan-mini{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer;text-align:left}.plan-mini:hover{border-color:var(--primary)}.plan-mini .pm-badge{background:var(--primary);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:6px}.plan-mini .pm-text{flex:1;color:var(--muted)}.plan-mini .pm-link{color:var(--primary);font-weight:600}.feedback-link{display:inline-flex;align-items:center;justify-content:center;gap:6px}.feedback-link svg{width:15px;height:15px}.info-box{background:#e8f5ee;color:#1a7f45;border:1px solid #b7e3c8;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:10px}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:15px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.user-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:230px;padding:8px;overflow:hidden}.user-menu-head{padding:10px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-head .name{font-weight:600;color:var(--heading)}.user-menu-head .email{font-size:12px;color:var(--muted);margin-top:2px}.user-menu-head .role-tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:3px 8px;border-radius:20px}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--text)}.user-menu-item:hover{background:var(--primary-soft);color:var(--primary)}.user-menu-item.danger:hover{background:#ffece9;color:var(--danger)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.settings-grid{grid-template-columns:1fr}}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;font-size:14px}.toggle-row+.toggle-row{border-top:1px solid var(--border)}.switch{width:46px;height:28px;border-radius:20px;border:none;cursor:pointer;background:#d1d1d6;position:relative;transition:background .18s ease;flex-shrink:0}.switch.on{background:var(--primary)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s ease}.switch.on .knob{transform:translate(18px)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}}.teacher-picker{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;max-height:190px;overflow-y:auto}.tp-row{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:8px}.tp-row:hover{background:var(--primary-soft)}.tp-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.tp-primary{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;color:var(--primary);font-weight:600}.tp-check input,.tp-primary input{width:16px;height:16px;accent-color:var(--primary)}.filter-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:16px}.fp-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}@media (max-width: 800px){.fp-grid{grid-template-columns:1fr}}.fp-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}.fp-classes{display:flex;flex-wrap:wrap;gap:6px 14px;max-height:130px;overflow-y:auto}.fp-chk{display:flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}.fp-chk input{width:16px;height:16px;accent-color:var(--primary)}.parent-line{font-size:13px;line-height:1.45}.toolbar>.stu-search{min-width:220px}@media (max-width: 640px){.toolbar>.stu-search{flex-basis:100%}}.btn.has-badge{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.role-chip{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:2px 8px;border-radius:20px}.att-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.seg{display:inline-flex;background:var(--primary-soft);border-radius:12px;padding:4px;gap:4px}.seg button{border:none;background:none;padding:8px 16px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.seg button.on{background:var(--panel);color:var(--primary);box-shadow:var(--shadow-sm)}.seg.sm button{padding:6px 12px;font-size:13px}.stats-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.table-scroll{overflow-x:auto}.grid-att .col-day{text-align:center;white-space:nowrap;min-width:44px}.att-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700}.ic-present{background:#e4f7ea;color:#1a7f45}.ic-absent{background:#ffe5e2;color:var(--danger)}.ic-late{background:#fff2df;color:#d97706}.big-check{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.grade-table th,.grade-table td{text-align:center}.grade-table th:first-child,.grade-table td:first-child{text-align:left}.grade-table .wt{font-size:10px;color:var(--muted);margin-left:3px;font-weight:500}.sticky-col{position:sticky;left:0;background:var(--panel);z-index:1}.cell-input{width:56px;text-align:center;padding:6px 4px;border:1px solid var(--border);border-radius:8px;font-size:14px;-moz-appearance:textfield}.cell-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.cell-input.saving{border-color:var(--success)}.rank-chip{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:12px}.modal.wide{max-width:860px;width:94vw}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--primary-soft);border-radius:12px}.seg-btn{border:none;background:transparent;padding:8px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer}.seg-btn.on{background:var(--panel);color:var(--primary);box-shadow:var(--shadow)}.from-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 720px){.from-grid{grid-template-columns:1fr}}.pick-list{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.pick-list .fp-chk{padding:4px 2px}.order-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.order-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-weight:600}.order-arrows{display:flex;gap:6px}.order-arrows .btn{padding:2px 10px}.link{color:var(--primary);cursor:pointer;font-weight:600}.link:hover{text-decoration:underline}.tag-chip.merged{background:#fdecec;color:#dc2626;font-weight:600}:root[data-theme=dark] .tag-chip.merged{background:#dc26262e;color:#f87171}.tag-chip.grad,.tag-chip.tone-green{background:#dcfce7;color:#15803d}.tag-chip.tone-yellow{background:#fef9c3;color:#854d0e}.tag-chip.tone-red{background:#fee2e2;color:#b91c1c}.tag-chip.tone-gray{background:#e5e7eb;color:#374151}.tag-chip.tone-indigo{background:#e0e7ff;color:#3730a3}:root[data-theme=dark] .tag-chip.tone-green{background:#16a34a2e;color:#4ade80}:root[data-theme=dark] .tag-chip.tone-yellow{background:#eab3082e;color:#facc15}:root[data-theme=dark] .tag-chip.tone-red{background:#dc26262e;color:#f87171}:root[data-theme=dark] .tag-chip.tone-gray{background:#ffffff14;color:#cbd5e1}:root[data-theme=dark] .tag-chip.tone-indigo{background:#6366f133;color:#a5b4fc}.renew-bar.info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.note-warn{background:#fff7ed;border:1px solid #fdba74;color:#7c2d12}:root[data-theme=dark] .renew-bar,:root[data-theme=dark] .note-warn{background:#f59e0b1f;border-color:#f59e0b59;color:#fcd34d}:root[data-theme=dark] .renew-bar.info{background:#2563eb24;border-color:#2563eb66;color:#bfdbfe}:root[data-theme=dark] .tag-chip.grad{background:#16a34a2e;color:#4ade80}.sac-row{justify-content:flex-start}.sac-cur{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.coming-hero{text-align:center;padding:34px 20px;margin-bottom:18px}.game-card.coming{cursor:default;opacity:.9}.game-thumb.soon{background:linear-gradient(135deg,#cbd5e1,#94a3b8);filter:grayscale(.4)}.game-lock.soon{color:var(--muted);font-weight:600}.picker-check{display:flex;align-items:center;gap:8px;margin:0;width:auto;font-size:15px;font-weight:600;color:var(--text);cursor:pointer}.picker-check input{width:18px;height:18px;accent-color:var(--primary)}.btn.warning{background:var(--warning);color:#fff}.btn.warning:hover{filter:brightness(.95)}:root[data-theme=dark]{--bg: #0f1115;--panel: #1a1d23;--text: #e6e7ea;--heading: #ffffff;--muted: #9aa0ab;--border: #2b2f38}:root[data-theme=dark] body{background:#0f1115}:root[data-theme=dark]:not([data-bg=image]) .sidebar,:root[data-theme=dark]:not([data-bg=image]) .panel,:root[data-theme=dark]:not([data-bg=image]) .dash-stat{background:#1a1d23}:root[data-theme=dark]:not([data-bg=image]) .topbar{background:#0f1115eb}:root[data-theme=dark] body:after{background:#080a0e9e}:root[data-theme=dark] .panel{background:#1a1d23b8;border-color:#ffffff0f}:root[data-theme=dark] .sidebar{background:#14161bcc;border-right-color:#ffffff0f}:root[data-theme=dark] .topbar{background:#14161bb3;border-bottom-color:#ffffff0f}:root[data-theme=dark] .modal{background:#1a1d23eb;border-color:#ffffff14}:root[data-theme=dark] .dash-stat{border-color:#ffffff0f}:root[data-theme=dark] .st-purple,:root[data-theme=dark] .st-blue,:root[data-theme=dark] .st-peach,:root[data-theme=dark] .st-green{background:#ffffff0a}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .cell-input{background:#22262e;color:var(--text);border-color:#2b2f38}:root[data-theme=dark] .sticky-col{background:#1a1d23}:root[data-theme=dark] .user-menu{background:#1a1d23}:root[data-theme=dark] .btn.ghost{background:#ffffff0d}.brand .logo-img,.topbar-brand .logo-img{width:34px;height:34px;border-radius:10px;object-fit:cover}.brand-sub{font-size:11px;color:var(--muted);font-weight:500}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--panel) inset}.logo-upload{display:flex;align-items:center;gap:14px}.logo-preview{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:var(--primary-soft);display:grid;place-items:center;font-size:26px}.exam-wrap{min-height:100vh;background:linear-gradient(160deg,#eef2f7,#e6ebf2);padding:20px 12px 96px;display:flex;flex-direction:column;align-items:center;font-family:inherit;color:#1f2733}.exam-msg{background:#fff;border-radius:14px;padding:28px 24px;margin-top:60px;box-shadow:0 10px 30px #141c281a;color:#556}.exam-paper{width:100%;max-width:780px;background:#fff;border-radius:14px;padding:clamp(20px,4vw,40px);box-shadow:0 12px 40px #141c281f}.exam-head{text-align:center;border-bottom:2px solid #eef1f5;padding-bottom:14px;margin-bottom:18px}.exam-head h1{font-size:clamp(20px,3.4vw,27px);margin:0 0 4px;color:#16202e}.exam-input{width:100%;padding:12px 14px;border:1.5px solid #d3d8df;border-radius:10px;font-size:16px;margin-bottom:12px}.exam-roster{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto;border:1px solid #eef1f5;border-radius:10px;padding:8px}.exam-name{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:15.5px}.exam-name:hover{background:#f5f7fa}.exam-name.on{background:#e0edff;font-weight:600}.exam-name input[type=radio]{width:18px;height:18px;flex:0 0 auto;margin:0}.exam-name span{flex:1;min-width:0}.exam-btn{display:block;width:100%;margin-top:16px;background:#2563eb;color:#fff;border:none;border-radius:999px;padding:15px;font-size:16px;font-weight:700;cursor:pointer}.exam-btn:hover{background:#1d4ed8}.exam-btn:disabled{opacity:.55;cursor:default}.exam-q{padding:16px 0;border-bottom:1px dashed #e7ebf0}.exam-q:last-child{border-bottom:none}.exam-q-text{font-size:15.5px;line-height:1.55;margin-bottom:10px}.exam-q-text.miss{background:#fff4f4;border:1px solid #fecaca;padding:6px 10px;border-radius:8px}.exam-opts{display:flex;flex-direction:column;gap:8px}.exam-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1.5px solid #e2e6ec;border-radius:10px;cursor:pointer;font-size:15px;line-height:1.4;transition:border-color .12s,background .12s}.exam-opt:hover{border-color:#b9c4d4}.exam-opt.on{border-color:#2563eb;background:#eff5ff}.exam-opt input{display:none}.exam-letter{flex:0 0 26px;height:26px;border-radius:50%;background:#eef1f5;color:#334;display:grid;place-items:center;font-weight:700;font-size:13px}.exam-opt.on .exam-letter{background:#2563eb;color:#fff}.exam-bar{position:fixed;left:0;right:0;bottom:0;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e2e6ec;padding:12px clamp(14px,4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:780px;margin:0 auto}.exam-bar span{font-weight:600;color:#445}.exam-timer{font-variant-numeric:tabular-nums;background:#eef1f5;padding:6px 12px;border-radius:999px;color:#16202e}.exam-timer.low{background:#fee2e2;color:#b91c1c}.rv-q{padding:12px 4px;border-bottom:1px solid var(--border, #e5e7eb)}.rv-q:last-child{border-bottom:none}.rv-q-t{font-size:14px;margin-bottom:8px;line-height:1.5}.rv-opt{font-size:13.5px;padding:6px 10px;border-radius:8px;margin:3px 0;line-height:1.45}.rv-opt.correct{background:#dcfce7;color:#14532d}.rv-opt.wrong{background:#fee2e2;color:#991b1b}.room-timer{margin:12px auto 0;display:inline-block;font-size:20px;font-variant-numeric:tabular-nums;background:#eff6ff;color:#1d4ed8;padding:8px 20px;border-radius:999px;font-weight:600}.room-timer.low{background:#fee2e2;color:#b91c1c}.col-time{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap}.exam-noselect,.exam-noselect *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.exam-warn{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.5;margin-bottom:14px}.exam-bar .exam-btn{width:auto;margin:0;padding:12px 34px}.exam-result{text-align:center}.exam-score{font-size:60px;font-weight:800;color:#2563eb;line-height:1;margin:8px 0}.exam-score span{font-size:24px;color:#97a3b4}.exam-spin{font-size:46px;margin-bottom:6px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 720px){.pricing-grid{grid-template-columns:1fr}}.price-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;background:var(--panel)}.price-card.featured{border-color:var(--primary);box-shadow:0 8px 24px #2563eb1f}.price-card.current{background:var(--primary-soft)}.price-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px}.price-name{font-size:15px;font-weight:700;color:var(--heading)}.price-amount{font-size:24px;font-weight:800;margin:6px 0 12px;color:var(--primary)}.price-period{font-size:13px;font-weight:500;color:var(--muted)}.price-feats{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;font-size:13px}.price-current-badge{text-align:center;padding:9px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-weight:600;font-size:13px}.upgrade-card{margin-top:14px;padding:16px;border-radius:var(--radius);cursor:pointer;color:#fff;background:linear-gradient(160deg,var(--primary),var(--primary-dark));text-align:center}.upgrade-card .emoji{font-size:28px}.upgrade-card .t{font-size:12.5px;margin:8px 0 12px;opacity:.95}.upgrade-card .btn-w{background:#fff;color:var(--primary);border:none;padding:8px 14px;border-radius:10px;font-weight:700;cursor:pointer;width:100%}.feedback-link{margin-top:12px;width:100%;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:8px;border-radius:10px;text-align:center}.feedback-link:hover{background:var(--primary-soft);color:var(--primary)}.audit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}@media (max-width: 640px){.audit-summary{grid-template-columns:1fr}}.audit-card{padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}.audit-card .lbl{font-size:13px;color:var(--muted)}.audit-card .num{font-size:24px;font-weight:800;margin-top:4px}.audit-card.thu .num{color:var(--success)}.audit-card.chi .num{color:var(--danger)}.audit-card.duong .num{color:var(--success)}.audit-card.am .num{color:var(--danger)}.audit-card .tag{font-size:12px;font-weight:600;margin-top:4px;color:var(--muted)}.bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.notif-menu{min-width:300px;max-width:340px;max-height:420px;overflow-y:auto}.notif-empty{padding:20px 12px;text-align:center;color:var(--muted);font-size:13px}.notif-item{padding:10px 12px;border-radius:10px}.notif-item:hover{background:var(--primary-soft)}.notif-item.absence{background:#ff950014}.notif-item .nt{font-weight:600;font-size:13.5px;color:var(--heading)}.notif-item .nc{font-size:13px;color:var(--text);margin-top:2px}.notif-item .nd{font-size:11px;color:var(--muted);margin-top:3px}.notify-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width: 860px){.notify-layout{grid-template-columns:1fr}}.game-lock{font-size:11px;color:var(--muted);margin-top:2px}.game-emoji-dot{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:16px}.pricing-grid.two{grid-template-columns:1fr 1fr;max-width:640px;margin:0 auto}@media (max-width: 640px){.pricing-grid.two{grid-template-columns:1fr}}.pro-tiers{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px}.pro-tier{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;border-bottom:1px solid var(--border)}.pro-tier:last-child{border-bottom:none}.pro-tier b{color:var(--primary);white-space:nowrap}.ext-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.ext-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.ext-card.owned{border-color:var(--primary);background:var(--primary-soft)}.ext-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.ext-name{font-weight:600;color:var(--heading)}.ext-badge{flex-shrink:0;white-space:nowrap;margin-top:1px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--border);color:var(--muted)}.ext-badge.on{background:var(--primary);color:#fff}.ext-desc{font-size:13px;color:var(--text);margin-bottom:8px}.ext-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.ext-meta a{color:var(--primary);font-weight:600}.ava-wrap{position:relative;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0}.ava-wrap.pro{padding:3px;background:linear-gradient(135deg,#f6c955,#e0a800)}.ava-img{border-radius:50%;object-fit:cover;display:block}.ava-init{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--primary),#3b82f6)}.pro-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f6c955,#e0a800);color:#7a4d00;font-weight:800;font-size:9px;letter-spacing:.04em;padding:1px 7px;border-radius:20px;border:2px solid var(--panel)}.ava-wrap.sm .pro-badge{font-size:8px;padding:0 5px;bottom:-7px}.pro-badge.lg{font-size:12px;padding:2px 12px;bottom:-10px}.account-card{position:absolute;top:calc(100% + 12px);right:0;z-index:50;cursor:default;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 40px #0000002e;width:288px;max-width:calc(100vw - 16px);max-height:calc(100vh - 86px);overflow-y:auto;padding:18px 10px 10px;text-align:center}.ac-head{padding:0 8px 14px}.account-card .ava-wrap{margin:2px auto 14px}.ava-edit{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;border:2px solid var(--panel);background:var(--primary);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:13px;box-shadow:var(--shadow-sm)}.ac-name{font-size:17px;font-weight:800;color:var(--heading);line-height:1.25}.ac-email{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}.ac-role,.ac-parish{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-role{color:var(--primary);background:var(--primary-soft)}.ac-parish{color:var(--text);background:var(--bg);border:1px solid var(--border);max-width:160px}.ac-group{display:flex;flex-direction:column;gap:1px;padding:6px 0;border-top:1px solid var(--border);text-align:left}.ac-group .user-menu-item{justify-content:flex-start;gap:10px;padding:9px 12px}.ac-group .user-menu-item svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted)}.ac-group .user-menu-item:hover svg{color:inherit}.ac-group .user-menu-item.danger{color:var(--danger)}.ac-group .user-menu-item.danger svg{color:var(--danger)}.ac-hint{margin-left:auto;font-size:12px;color:var(--muted)}.ac-foot{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding:10px 0 4px}.ac-link{border:0;background:none;padding:0;font:inherit;font-size:12px;color:var(--muted);cursor:pointer;text-decoration:none}.ac-link:hover{color:var(--primary);text-decoration:underline}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}@media (max-width: 640px){.stat-cards{grid-template-columns:1fr}}.stat-mini{background:var(--primary-soft);border-radius:var(--radius-sm);padding:12px 14px}.stat-mini .lbl{font-size:12px;color:var(--muted)}.stat-mini .num{font-size:22px;font-weight:800;color:var(--primary);margin-top:2px}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}@media (max-width: 640px){.rank-grid{grid-template-columns:1fr}}.rank-block{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.rank-block.good{background:#34c7590f;border-color:#34c7594d}.rank-block.warn{background:#ff950012;border-color:#ff95004d}.rank-title{font-weight:700;font-size:14px;margin-bottom:8px}.rank-row{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px dashed var(--border);font-size:14px}.rank-row:last-child{border-bottom:none}.rank-no{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--border);font-size:11px;font-weight:700}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-detail{font-weight:700;font-size:13px;color:var(--muted);white-space:nowrap}.lb-rank{font-weight:800;color:var(--muted);width:34px}.lb-top-1 .lb-rank{color:#d4a017}.lb-top-2 .lb-rank{color:#8a8f98}.lb-top-3 .lb-rank{color:#b06b34}.lb-top-1{background:#f6c95529}.lb-hero{text-align:center;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;border-radius:16px;padding:16px;margin-bottom:18px}.lb-hero-title{font-size:20px;font-weight:800}.lb-hero-sub{font-size:13px;opacity:.92;margin-top:2px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;max-width:540px;margin:0 auto 20px}.podium-slot{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 8px 0;overflow:hidden}.podium-slot.p1{border-color:#e0a800;box-shadow:0 10px 26px #e0a80047}.podium-slot.p2{transform:translateY(16px)}.podium-slot.p3{transform:translateY(26px)}.podium-medal{font-size:26px;line-height:1}.podium-ava{width:48px;height:48px;border-radius:50%;margin:6px auto;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),#3b82f6)}.podium-slot.p1 .podium-ava{width:58px;height:58px;background:linear-gradient(135deg,#f6c955,#e0a800);color:#7a4d00}.podium-name{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-points{font-size:20px;font-weight:800;color:var(--primary);margin:2px 0 8px}.podium-points span{font-size:12px;color:var(--muted)}.podium-base{border-radius:10px 10px 0 0;font-weight:800;color:#fff;display:grid;place-items:center}.podium-slot.p1 .podium-base{background:linear-gradient(#f6c955,#e0a800);height:46px;font-size:20px}.podium-slot.p2 .podium-base{background:linear-gradient(#cfd3da,#b9bec7);height:34px}.podium-slot.p3 .podium-base{background:linear-gradient(#db9a68,#cd8a54);height:26px}.lb-table{width:100%}.lb-table th,.lb-table td{text-align:center;padding:8px 10px;white-space:nowrap}.lb-th{cursor:pointer;-webkit-user-select:none;user-select:none}.lb-th.l,.lb-name{text-align:left}.lb-th:hover,.lb-th.on{color:var(--primary)}.lb-rank{font-weight:800;color:var(--muted);width:40px;font-size:15px}.lb-top{background:var(--primary-soft)}.lb-top-1{background:#f6c9552e}.lb-top-2{background:#b9bec72e}.lb-top-3{background:#cd8a5426}.lb-bad{color:var(--danger);font-weight:700}.lb-points{display:inline-block;min-width:36px;padding:3px 9px;border-radius:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),#3b82f6);font-size:13px}.lb-top-1 .lb-points{background:linear-gradient(135deg,#f6c955,#e0a800);color:#7a4d00}.lb-bar{display:inline-block;width:50px;height:6px;border-radius:6px;background:var(--border);overflow:hidden;vertical-align:middle;margin-right:6px}.lb-bar span{display:block;height:100%;background:var(--primary);border-radius:6px}.lb-bar-val{font-size:12px;color:var(--muted)}.lb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lb-tabs button{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.lb-tabs button:hover{border-color:var(--primary);color:var(--primary)}.lb-tabs button.on{background:var(--primary);border-color:var(--primary);color:#fff}.click-row{cursor:pointer;transition:background .12s ease}.rank-table tbody tr.click-row:hover{background:var(--primary-soft)}.perf .item.click-row:hover{background:var(--primary-soft);border-radius:10px}.cls-sub{font-size:11px;color:var(--muted);margin-left:6px;font-weight:500}.cc-chip{display:inline-block;font-size:11px;font-weight:700;color:#1a7f45;background:#e4f7ea;padding:2px 8px;border-radius:20px;white-space:nowrap}.link-name{color:var(--primary);cursor:pointer;font-weight:600}.link-name:hover{text-decoration:underline}.profile-head{display:flex;align-items:center;gap:16px;margin-top:12px}.profile-ava{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),#3b82f6);flex-shrink:0}.profile-name{font-size:20px;font-weight:800;color:var(--heading)}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.profile-id{flex:1}.tag-chip{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--primary-soft);color:var(--primary)}.tag-chip.role{background:#fff3e0;color:#d97706}.tag-chip.muted{background:var(--border);color:var(--muted)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}@media (max-width: 560px){.info-grid{grid-template-columns:1fr}}.info-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}.info-k{color:var(--muted)}.info-v{font-weight:600;text-align:right}.att-recent{display:flex;flex-wrap:wrap;gap:8px}.att-recent-row{display:flex;align-items:center;gap:6px;background:var(--primary-soft);border-radius:20px;padding:4px 6px 4px 12px;font-size:13px}.profile-ava-wrap{position:relative;flex-shrink:0}.profile-ava-img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--border)}.profile-ava-wrap .ava-edit{right:-4px;bottom:-4px}.av-img{border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.av-init{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,var(--primary),#3b82f6)}.ic-excused{background:#e8f0fe;color:#2563eb}.form-section{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.03em;margin:12px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.admin-stats{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-stats .stat{flex:1;min-width:120px;text-align:center;padding:16px 12px}.admin-stats .stat .n{font-size:28px;font-weight:800;line-height:1.1}.admin-stats .stat .l{color:var(--muted);font-size:13px;margin-top:2px}.plan-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.plan-badge.pro{background:#dcfce7;color:#15803d}.plan-badge.free{background:var(--primary-soft);color:var(--muted)}.plan-badge.expired{background:#fee2e2;color:#b91c1c}.btn.sm,.btn.ghost.sm,.btn.danger.sm{padding:5px 10px;font-size:13px}.admin-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.admin-kpis .kpi{text-align:center;padding:16px 8px}.admin-kpis .kpi .n{font-size:26px;font-weight:800;line-height:1.1}.admin-kpis .kpi .l{color:var(--muted);font-size:12px;margin-top:2px}.admin-kpis .kpi.click{cursor:pointer;transition:box-shadow .15s}.admin-kpis .kpi.click:hover,.admin-kpis .kpi.click:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none}.admin-todo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0 12px}.admin-todo .todo-tile{cursor:pointer;padding:14px 16px;transition:box-shadow .15s;position:relative}.admin-todo .todo-tile:hover,.admin-todo .todo-tile:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none}.admin-todo .todo-tile.hot:after{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:#f59e0b}.admin-todo .todo-tile .n{font-size:24px;font-weight:800;line-height:1.1;color:var(--muted)}.admin-todo .todo-tile.hot .n{color:#a8641b}.admin-todo .todo-tile .l{font-size:13px;color:var(--text);margin-top:2px}.danger-zone{margin-top:22px;padding:12px 14px;border:1px solid rgba(185,28,28,.35);border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.admin-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:9999;background:#1c1c1e;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 24px #00000040;font-size:14px;max-width:min(560px,92vw);cursor:pointer}.admin-toast.err{background:#b91c1c}.admin-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.admin-strip .panel,.admin-todo .panel,.admin-kpis .panel{margin:0}.mini-card{padding:12px 16px}.mini-head{display:flex;align-items:center;gap:8px;font-size:14px;min-height:30px}.mini-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.mini-stats{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12.5px;color:var(--muted);margin-top:4px}.mini-stats b{color:var(--text);font-size:15px;margin-right:2px}.mini-sub{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}@media (max-width: 720px){.admin-strip{grid-template-columns:1fr;gap:8px}}.admin-page .card-head input{width:auto;flex:0 1 260px}.admin-page .card-head select{width:auto}.row-menu-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);width:32px;height:30px;border-radius:9px;font-size:18px;line-height:1;cursor:pointer;vertical-align:middle}.row-menu-btn:hover{border-color:var(--primary);color:var(--primary)}.row-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140}.row-menu{position:fixed;z-index:141;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #10182824;padding:6px;display:flex;flex-direction:column}.row-menu button{text-align:left;background:none;border:0;padding:9px 12px;border-radius:8px;font:inherit;font-size:14px;color:var(--text);cursor:pointer}.row-menu button:hover{background:var(--primary-soft);color:var(--primary)}.row-menu button.danger{color:var(--danger)}.row-menu button.danger:hover{background:#ff3b301a;color:var(--danger)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quick-actions button{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font:inherit;color:var(--text);cursor:pointer;transition:border-color .12s,box-shadow .12s}.quick-actions button:hover{border-color:var(--primary);box-shadow:0 4px 14px #2563eb14}.quick-actions svg{width:22px;height:22px;color:var(--primary);flex-shrink:0}.quick-actions b{display:block;font-size:14.5px}.quick-actions small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.track-empty{flex:1;font-size:12px;color:var(--muted)}@media (max-width: 900px){.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quick-actions small{display:none}.quick-actions button{padding:12px}}.app-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:9999;background:#1c1c1e;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 24px #00000040;font-size:14px;line-height:1.45;max-width:min(560px,92vw);white-space:pre-line;cursor:pointer;animation:toast-in .18s ease-out}.app-toast.err{background:#b91c1c}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.skel{height:12px;border-radius:6px;background:linear-gradient(90deg,#eceef2 25%,#f6f7f9 37%,#eceef2 63%);background-size:400% 100%;animation:skel-shine 1.3s ease infinite}.skel-row td{padding-top:16px;padding-bottom:16px}:root[data-theme=dark] .skel{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1c 37%,#ffffff0f 63%);background-size:400% 100%}@keyframes skel-shine{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.confirm-backdrop{z-index:9000}.confirm-box{width:420px}.confirm-box h2{font-size:17px;line-height:1.4;margin-bottom:8px}.confirm-box h2.danger{color:var(--danger)}.confirm-body{margin:0;color:var(--muted);font-size:14px;line-height:1.5;white-space:pre-line}.btn.btn-danger-solid{background:#dc2626;color:#fff}.btn.btn-danger-solid:hover{background:#b91c1c}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:20px}.page-head .ph-text{min-width:0;flex:1 1 320px}.page-head h1{margin:0}.page-head .ph-sub{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5;max-width:720px}.page-head .ph-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.page-head{margin-bottom:14px}.page-head .ph-sub{font-size:13px}.page-head .ph-actions{width:100%}}@media (max-width: 640px){.admin-todo{grid-template-columns:repeat(2,1fr);gap:8px}.admin-todo .todo-tile{padding:10px 12px}.admin-todo .todo-tile .n{font-size:20px}.admin-todo .todo-tile .l{font-size:12px}.admin-page .card-head input,.admin-page .card-head select{flex:1 1 100%;min-width:0!important;margin-left:0!important}.admin-page .card-head>.btn{margin-left:0!important}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{border:1px solid var(--border);border-radius:12px;padding:6px 12px;margin-bottom:10px}.admin-table td{padding:6px 0!important;text-align:right!important;border:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important}.admin-table td:after{content:"";display:block;clear:both}.admin-table td:before{content:attr(data-label);float:left;margin-right:12px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.admin-table td[data-label=""]:before{display:none}.admin-table td[data-label=""]{border-top:1px solid var(--border)!important;margin-top:4px;padding-top:10px!important}.admin-page .modal .modal-actions{flex-wrap:wrap}.admin-page .modal .modal-actions>.modal-side-link{order:2;flex:1 1 100%;justify-content:center;margin:6px 0 0!important}}@media (max-width: 720px){.admin-kpis{grid-template-columns:repeat(3,1fr)}}.growth-chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding:8px 4px 0}.growth-chart .gc-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.growth-chart .gc-n{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}.growth-chart .gc-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.growth-chart .gc-bar{width:100%;max-width:42px;margin:0 auto;min-height:3px;background:var(--primary);border-radius:6px 6px 0 0;transition:height .3s}.growth-chart .gc-l{font-size:11px;color:var(--muted);margin-top:6px}.expiry-panel{border:1px solid #f0d9b5}.expiry-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border)}.expiry-row:first-child{border-top:0}.row-links{display:flex;gap:10px;justify-content:flex-end;margin-top:5px}.row-links button{background:none;border:0;padding:0;font-size:12px;color:var(--primary);cursor:pointer}.row-links button:hover{text-decoration:underline}.row-links button.danger{color:#b91c1c}.tier-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pay-summary{background:var(--surface-2, #f6f8fb);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:14px}.pay-summary .row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.pay-summary .row.total{border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:16px}.qr-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}.qr-img{width:230px;max-width:100%;border:1px solid var(--border);border-radius:12px}.qr-info{flex:1;min-width:210px}.qr-info .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--border);font-size:14px}.qr-info .row:last-child{border-bottom:0}.admin-subnav{display:flex;flex-direction:column;margin-top:2px}.asn-group{display:flex;flex-direction:column;gap:1px}.asn-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:14px 14px 5px}.admin-subnav button{display:flex;align-items:center;gap:8px;width:calc(100% - 14px);margin-left:14px;background:none;border:0;border-left:1px solid var(--border);text-align:left;padding:6px 10px 6px 12px;border-radius:0;color:var(--muted);font-size:13.5px;cursor:pointer;transition:color .12s,border-color .12s}.admin-subnav button:hover{color:var(--text);border-left-color:#b8bec8}.admin-subnav button.active{color:var(--primary);font-weight:600;border-left:2px solid var(--primary);padding-left:11px}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fdecd8;color:#a8641b;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}:root[data-theme=dark] .nav-badge{background:#f0b46a2e;color:#f0b46a}.admin-page [id^=sec-]{scroll-margin-top:76px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0 2px}.plan-card .pc-badge{display:inline-block;background:#ffffff38;color:#fff;font-weight:700;font-size:12.5px;padding:3px 12px;border-radius:999px;margin-bottom:10px}.plan-card .pc-feats{color:#fff;opacity:.93;font-size:12px;line-height:1.5;text-align:left;margin-bottom:12px}.plan-card .pc-feats>div{padding-left:1.15em;text-indent:-1.15em;margin:5px 0}.note-box{background:var(--surface-2, #f1f5f9);border-radius:8px;padding:8px 12px;font-size:13px;margin:8px 0}.note-box.err{background:#fee2e2;color:#b91c1c}.rv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border)}.rv-row:last-child{border-bottom:none}.rv-name{font-size:14px}.seg.sm{flex-shrink:0}.seg.sm .seg-btn{padding:4px 12px;font-size:12px}.seg-btn.on.ok{background:#16a34a;color:#fff;border-color:#16a34a}.seg-btn.on.bad{background:#dc2626;color:#fff;border-color:#dc2626}.rv-score{display:inline-block;min-width:24px;text-align:center;margin-left:8px;padding:1px 7px;border-radius:6px;background:var(--surface-2, #f1f5f9);color:#475569;font-size:12px;font-weight:600}.rv-reason{flex-basis:100%;margin-top:6px;padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:8px}.rv-detail{background:var(--surface-2, #f8fafc)}.rv-detail table{width:100%;font-size:13px}.rv-detail th,.rv-detail td{padding:6px 10px;text-align:left}.rv-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600}.rv-tag.ok{background:#dcfce7;color:#15803d}.rv-tag.bad{background:#fee2e2;color:#b91c1c}.modal.pm{max-width:900px;padding:26px 28px 22px}.modal.pm .pm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal.pm .pm-head h2{margin:0;font-size:21px}.modal.pm .pm-sub{margin:4px 0 0;color:var(--muted);font-size:14px}.modal.pm .pm-x{flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;margin:-4px -6px 0 0}.modal.pm .pm-x:hover{background:var(--primary-soft);color:var(--heading)}.modal.pm .pm-x svg{width:20px;height:20px}.modal.pm .pm-cur{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 14px;border-radius:10px;background:var(--primary-soft);font-size:13.5px;color:var(--text);margin-bottom:18px}.modal.pm .pm-cur b{color:var(--heading)}.modal.pm .pm-cur-exp{color:var(--muted)}.modal.pm .pm-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.modal.pm .pm-tier{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;padding:18px 16px 16px;background:var(--panel);min-height:196px}.modal.pm .pm-tier.pop{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.modal.pm .pm-tier.cur{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.modal.pm .pm-skel{background:linear-gradient(90deg,var(--primary-soft),transparent,var(--primary-soft));background-size:200% 100%;animation:pmSkel 1.2s linear infinite;border-color:transparent}@keyframes pmSkel{to{background-position:-200% 0}}.modal.pm .pm-badge{position:absolute;top:-10px;left:14px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--panel);color:var(--primary);border:1px solid var(--primary)}.modal.pm .pm-badge.cur{background:var(--primary);color:#fff}.modal.pm .pm-tname{font-weight:700;font-size:15px;color:var(--heading)}.modal.pm .pm-trange{color:var(--muted);font-size:13px;margin-top:1px}.modal.pm .pm-price{font-size:22px;font-weight:800;color:var(--heading);margin-top:14px;letter-spacing:-.01em;line-height:1.15}.modal.pm .pm-per{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.modal.pm .pm-tier .btn{margin-top:auto;width:100%}.modal.pm .pm-hint{color:var(--muted);font-size:12px;margin:2px 0 14px}.modal.pm .pm-empty{grid-column:1 / -1;font-size:13.5px}.modal.pm .pm-note{color:var(--muted);font-size:12.5px;margin:10px 0 0;line-height:1.5}.modal.pm .pm-feats{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.modal.pm .pm-feats-h{font-weight:700;font-size:14px;color:var(--heading);margin-bottom:10px}.modal.pm .pm-feats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}.modal.pm .pm-feats li{display:flex;gap:8px;font-size:13.5px;color:var(--text);line-height:1.45}.modal.pm .pm-tick{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:#16a34a}.modal.pm .pm-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.modal.pm .pm-link{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.modal.pm .pm-link:hover{text-decoration:underline;text-underline-offset:3px}.modal.pm .pm-redeem{display:flex;gap:8px;flex:1 1 340px;max-width:460px}.modal.pm .pm-redeem input{flex:1;min-width:0}.modal.pm .pm-pay-note{color:var(--muted);font-size:12.5px}.modal.pm .pm-msg{font-size:13px;font-weight:600;margin:8px 0 0}.pay-summary .row>*,.qr-info .row>*{flex:0 1 auto;min-width:0}.pay-summary .row>b,.qr-info .row>b{text-align:right}.modal.pm .field{margin-top:14px}.modal.pm .pay-summary{margin-bottom:0}.modal.pm .pm-msg.ok,.modal.pm .pm-ok{color:#15803d}.modal.pm .pm-msg.err{color:#c0392b}:root[data-theme=dark] .modal.pm .pm-msg.ok,:root[data-theme=dark] .modal.pm .pm-ok,:root[data-theme=dark] .modal.pm .pm-tick{color:#4ade80}:root[data-theme=dark] .modal.pm .pm-msg.err{color:#f87171}@media (max-width: 760px){.modal.pm{padding:20px 18px 18px}.modal.pm .pm-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.modal.pm .pm-tier{min-height:0;padding:16px 12px 12px}.modal.pm .pm-price{font-size:19px}.modal.pm .pm-feats ul{grid-template-columns:1fr}}.gx-toolbar{align-items:center}.gx-export{display:flex;gap:8px;margin-left:auto}.gx-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.gx-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:96px;padding:9px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.gx-stat span{font-size:12.5px;color:var(--muted)}.gx-stat b{font-size:20px;line-height:1.15;color:var(--heading)}.gx-stat.static{cursor:default}button.gx-stat:hover{border-color:var(--primary)}.gx-stat.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;background:var(--primary-soft)}.gx-stat.tone-green b{color:#15803d}.gx-stat.tone-indigo b{color:#4f46e5}.gx-stat.tone-yellow b{color:#b45309}.gx-stat.tone-red b{color:#dc2626}.gx-stat.tone-gray b{color:var(--muted)}.gx-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:10px}.gx-hint{margin:0;font-size:13px}.gx-hint kbd{font:inherit;font-size:12px;padding:0 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;background:var(--panel);color:var(--text)}.gx-ctrls{display:flex;gap:8px;flex-wrap:wrap}.gx-panel{padding:6px 12px}.gx-table th,.gx-table td{padding-top:6px;padding-bottom:6px}.gx-table .sticky-col{min-width:190px}.gx-name{display:flex;flex-direction:column;line-height:1.25}.gx-name small{font-size:11.5px;color:var(--muted)}.gx-avg.gioi{color:#15803d}.gx-avg.yeu{color:#dc2626}.gx-empty{color:var(--muted);opacity:.55}.cell-input::placeholder{color:var(--muted);opacity:.45}.cell-input:placeholder-shown{background:var(--bg)}.cell-input.saved{border-color:var(--success)}.cell-input.err{border-color:var(--danger);background:#fef2f2}.gx-link{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.gx-emptybox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.gx-emptybox p{margin:0}.gx-colpick{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;scrollbar-width:thin}.gx-colchip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}.gx-colchip small{font-weight:500;color:var(--muted);font-size:11.5px}.gx-colchip.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.gx-colchip .col-time{display:none}.gx-colchip .wt{margin-left:4px;font-size:11px;font-weight:500;color:var(--muted)}.gx-list{display:flex;flex-direction:column}.gx-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 44px;align-items:center;gap:10px;padding:8px 2px;border-top:1px solid var(--border)}.gx-row .cell-input{width:76px;height:40px;font-size:16px}.gx-row-avg{text-align:right;font-size:14px}.gx-colmgr{width:520px}.gx-colmgr-sub{font-size:13.5px;margin:-8px 0 14px;line-height:1.5}.gx-colmgr-list{display:flex;flex-direction:column;gap:8px}.gx-colmgr-row{display:grid;grid-template-columns:minmax(0,1fr) 112px 36px;gap:8px;align-items:center}.gx-w{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:0}.gx-w input{width:58px;text-align:center}.gx-del{width:36px;height:36px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.gx-del:hover{color:var(--danger);background:#ff3b3014}.gx-del svg{width:18px;height:18px}.gx-colmgr-add{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px;align-items:end;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.gx-colmgr-add .field{margin:0}:root[data-theme=dark] .gx-stat.tone-green b,:root[data-theme=dark] .gx-avg.gioi{color:#4ade80}:root[data-theme=dark] .gx-stat.tone-indigo b{color:#a5b4fc}:root[data-theme=dark] .gx-stat.tone-yellow b{color:#fbbf24}:root[data-theme=dark] .gx-stat.tone-red b,:root[data-theme=dark] .gx-avg.yeu{color:#f87171}:root[data-theme=dark] .cell-input.err{background:#dc262626}:root[data-theme=dark] .cell-input:placeholder-shown{background:#1d2027}@media (max-width: 760px){.gx-export{margin-left:0}.gx-stats{gap:6px}.gx-stat{min-width:0;flex:1 1 calc(25% - 6px);padding:7px 9px}.gx-stat span{font-size:11.5px}.gx-stat b{font-size:17px}.gx-table .sticky-col{min-width:140px}.cell-input{font-size:16px}}@media (max-width: 520px){.gx-colmgr-row{grid-template-columns:minmax(0,1fr) 96px 36px}.gx-colmgr-add{grid-template-columns:minmax(0,1fr) 80px}.gx-colmgr-add .btn{grid-column:1 / -1}}.rw-sub{font-size:13.5px;margin:-4px 0 14px;line-height:1.5}.rw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rw-item{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:12px;margin:0;cursor:default}.rw-label{font-weight:700;color:var(--heading);font-size:14.5px}.rw-input{display:flex;align-items:center;gap:6px}.rw-input input{width:84px;font-size:18px;font-weight:700;text-align:center}.rw-input span{font-weight:700;color:var(--muted)}.rw-hint{font-size:12.5px;color:var(--muted);line-height:1.4}.rw-foot{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:13.5px}.rw-sum.ok b{color:#15803d}.rw-sum.bad{color:#c0392b}.rw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}:root[data-theme=dark] .rw-sum.ok b{color:#4ade80}:root[data-theme=dark] .rw-sum.bad{color:#f87171}@media (max-width: 640px){.rw-grid{grid-template-columns:1fr;gap:8px}.rw-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px}.rw-hint{grid-column:1 / -1}.rw-input input{width:70px;font-size:16px}}.lb-formula{font-size:12px;margin-top:8px}.lb-formula-link{background:none;border:none;padding:0;margin-left:6px;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.atx-toolbar{align-items:center}.atx-class{width:200px}.atx-datenav{display:flex;align-items:center;gap:6px}.atx-datenav input{width:160px}.atx-step{width:38px;height:42px;flex:0 0 auto;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.atx-step:hover{border-color:var(--primary);color:var(--primary)}.atx-report{margin-left:auto}.panel.atx-panel{overflow:visible}.atx-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px}.atx-day{font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--heading)}.atx-sum{display:flex;flex-wrap:wrap;gap:6px}.atx-chip{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--bg);color:var(--muted);white-space:nowrap}.atx-chip b{color:var(--heading);margin-left:2px}.atx-chip.present b{color:#15803d}.atx-chip.late b{color:#b45309}.atx-chip.absent b{color:#dc2626}.atx-chip.excused b{color:#4f46e5}.atx-chip.none.warn{background:#fff7ed;color:#9a3412}.atx-chip.none.warn b{color:#9a3412}.atx-actions{margin-bottom:6px}.atx-list{display:flex;flex-direction:column}.atx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:8px 4px;border-top:1px solid var(--border)}.atx-who{display:flex;align-items:center;gap:10px;min-width:0}.atx-name{display:flex;flex-direction:column;line-height:1.25;min-width:0;text-align:left}.atx-name small{font-size:11.5px;color:var(--muted)}.atx-btns{display:flex;gap:6px}.atx-btn{min-width:64px;height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.atx-btn .sm{display:none}.atx-btn:hover{border-color:#c5cad3}.atx-btn.on.present{background:#16a34a;border-color:#16a34a;color:#fff}.atx-btn.on.late{background:#f59e0b;border-color:#f59e0b;color:#fff}.atx-btn.on.absent{background:#dc2626;border-color:#dc2626;color:#fff}.atx-btn.on.excused{background:#4f46e5;border-color:#4f46e5;color:#fff}.atx-note{grid-column:1 / -1}.atx-savebar{position:sticky;bottom:0;z-index:2;margin:8px -22px -22px;padding:12px 22px;background:var(--panel);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.atx-save{font-size:13.5px;color:var(--muted)}.atx-save.ok{color:#15803d}.atx-save.err{color:#c0392b}.atx-save.warn{color:#b45309}.atx-link{background:none;border:none;padding:0;margin-left:6px;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.atx-statsbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.atx-gridbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:16px 0 8px}.atx-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}.atx-legend span{display:inline-flex;align-items:center;gap:5px}.atx-code{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:700}.atx-code.present{background:#dcfce7;color:#15803d}.atx-code.late{background:#fef3c7;color:#b45309}.atx-code.absent{background:#fee2e2;color:#dc2626}.atx-code.excused{background:#e0e7ff;color:#4f46e5}.atx-dot{color:var(--muted);opacity:.5}.atx-low{color:#dc2626;font-weight:700}.atx-grid .sticky-col,.atx-tl .sticky-col{min-width:170px}.atx-tl th,.atx-tl td{text-align:center}.atx-tl th:first-child,.atx-tl td:first-child{text-align:left}.atx-tl thead th{vertical-align:top}.atx-colhead{display:inline-flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;margin:0;font:inherit}.atx-rec{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:#fff7ed;color:#9a3412}.atx-rec.ok{background:#dcfce7;color:#15803d}.atx-tm-sub{font-size:13.5px;margin:-8px 0 12px}.atx-tm-list{display:flex;flex-direction:column;gap:8px}.atx-tm-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center}.atx-del{width:36px;height:36px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.atx-del:hover{color:var(--danger);background:#ff3b3014}.atx-del svg{width:18px;height:18px}.atx-tm-add{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.atx-tm-add input{flex:1;min-width:0}:root[data-theme=dark] .atx-chip{background:#ffffff0f}:root[data-theme=dark] .atx-btn{background:transparent}:root[data-theme=dark] .atx-chip.present b,:root[data-theme=dark] .atx-save.ok{color:#4ade80}:root[data-theme=dark] .atx-chip.late b{color:#fbbf24}:root[data-theme=dark] .atx-chip.absent b,:root[data-theme=dark] .atx-low{color:#f87171}:root[data-theme=dark] .atx-chip.excused b{color:#a5b4fc}:root[data-theme=dark] .atx-chip.none.warn,:root[data-theme=dark] .atx-rec{background:#f59e0b26;color:#fbbf24}:root[data-theme=dark] .atx-chip.none.warn b{color:#fbbf24}:root[data-theme=dark] .atx-rec.ok{background:#16a34a2e;color:#4ade80}:root[data-theme=dark] .atx-code.present{background:#16a34a33;color:#4ade80}:root[data-theme=dark] .atx-code.late{background:#f59e0b33;color:#fbbf24}:root[data-theme=dark] .atx-code.absent{background:#dc262633;color:#f87171}:root[data-theme=dark] .atx-code.excused{background:#6366f138;color:#a5b4fc}@media (max-width: 640px){.atx-class{width:100%;flex:1 1 100%}.atx-datenav{flex:1 1 100%}.atx-datenav input{flex:1;width:auto;min-width:0}.atx-report{margin-left:0}.atx-head{margin-bottom:8px}.atx-row{padding:7px 0;gap:6px 8px}.atx-who .av-img,.atx-who .av-init{display:none}.atx-btns{gap:4px}.atx-btn{min-width:0;height:36px;padding:0 9px;font-size:13px}.atx-btn .lg{display:none}.atx-btn .sm{display:inline}.atx-grid .sticky-col,.atx-tl .sticky-col{min-width:130px}}.stx-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 0 16px;overflow-x:auto;scrollbar-width:none}.stx-tabs::-webkit-scrollbar{display:none}.stx-tab{flex:0 0 auto;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px;font:inherit;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer}.stx-tab:hover{color:var(--heading)}.stx-tab.on{color:var(--primary);border-bottom-color:var(--primary)}.stx-tr-text{display:flex;flex-direction:column;gap:2px;padding-right:16px}.stx-tr-text small{font-size:12.5px;color:var(--muted);line-height:1.45}.stx-modal-sub{font-size:13.5px;margin:-10px 0 8px}.stx-savebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.stx-dirty{font-size:13px;color:#b45309;font-weight:600}.stx-media{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.stx-media-h,.stx-sub-h{font-weight:700;color:var(--heading);font-size:14px;margin-bottom:10px}.stx-media-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stx-media-actions{display:flex;gap:8px;flex-wrap:wrap}.stx-sig{height:56px;max-width:200px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px}.stx-sig.empty{display:grid;place-items:center;width:140px;font-size:12.5px;color:var(--muted);background:var(--bg)}.stx-hint{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.45}.stx-p{font-size:13.5px;margin:-4px 0 12px;line-height:1.55}.toggle-row+.stx-p{margin-top:4px}.stx-sub{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.stx-years,.stx-admins{display:flex;flex-direction:column;margin-top:8px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.stx-years>p,.stx-admins>p{padding:12px 14px}.stx-year,.stx-admin{min-height:52px}.stx-year+.stx-year,.stx-admin+.stx-admin{border-top:1px solid var(--border)}.stx-year{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px}.stx-year-name{font-weight:600;color:var(--heading)}.stx-year-actions{display:flex;align-items:center;gap:6px}.stx-del{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.stx-del:hover{color:var(--danger);background:#ff3b3014}.stx-del svg{width:18px;height:18px}.stx-addyear{display:flex;gap:8px;margin-top:12px}.stx-addyear input{max-width:200px}.stx-plan{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}.stx-plan-name{font-size:17px;font-weight:700;color:var(--heading)}.stx-plan-sub{font-size:13.5px;color:var(--muted);margin-top:3px}.stx-warn{color:#c0392b;font-weight:600}.stx-admin{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px}.stx-admin-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}.stx-admin-mail{font-size:13px}.stx-admin .btn{flex-shrink:0;white-space:nowrap}.stx-pw{display:flex;gap:6px;align-items:center}.stx-pw input{flex:1;min-width:0}:root[data-theme=dark] .stx-dirty{color:#fbbf24}:root[data-theme=dark] .stx-warn{color:#f87171}@media (max-width: 640px){.stx-media{grid-template-columns:1fr}.stx-pw{flex-wrap:wrap}.stx-pw input{flex:1 1 100%}.stx-year{flex-wrap:wrap}.stx-plan .btn{width:100%}}.hvx-count{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 10px;font-size:13.5px;color:var(--muted);min-height:24px}.hvx-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.hvx-chip span{color:var(--muted);font-size:14px;line-height:1}.hvx-chip:hover{border-color:var(--primary)}.hvx-clear{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.hvx-table td.hvx-c-act{white-space:nowrap;text-align:right}.hvx-table td.hvx-c-act>*{vertical-align:middle;margin-left:4px}.modal.hvx-modal{display:flex;flex-direction:column;padding:0;overflow:hidden;max-width:820px}.hvx-mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 12px;border-bottom:1px solid var(--border)}.hvx-mhead h2{margin:0;font-size:19px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hvx-x{flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.hvx-x:hover{background:var(--primary-soft);color:var(--heading)}.hvx-x svg{width:20px;height:20px}.hvx-mbody{flex:1;min-height:0;overflow:auto;padding:4px 24px 12px}.hvx-mfoot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 24px;border-top:1px solid var(--border);background:var(--panel)}.hvx-fnote{margin-right:auto;font-size:13px;color:#b45309}.hvx-ferr{margin-right:auto;font-size:13px;color:#c0392b;font-weight:600}.hvx-sec{border-bottom:1px solid var(--border)}.hvx-sec:last-child{border-bottom:none}.hvx-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 0;font-weight:700;color:var(--heading);font-size:15px}.hvx-sec>summary::-webkit-details-marker{display:none}.hvx-sec>summary:before{content:"";flex:0 0 auto;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease;margin:0 2px}.hvx-sec[open]>summary:before{transform:rotate(45deg)}.hvx-sec>summary small{font-weight:500;font-size:12.5px;color:var(--muted)}.hvx-sec-body{padding:0 0 8px}.hvx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.hvx-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.hvx-span2{grid-column:span 2}.hvx-span3{grid-column:1 / -1}.hvx-form .field{margin-bottom:12px}.hvx-form input.hvx-bad{border-color:var(--danger)}.hvx-err{display:block;color:#c0392b;font-size:12px;margin-top:3px}.hvx-cert{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 36px;gap:0 10px;align-items:end}.hvx-del{width:36px;height:36px;margin-bottom:12px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.hvx-del:hover{color:var(--danger);background:#ff3b3014}.hvx-del svg{width:18px;height:18px}:root[data-theme=dark] .hvx-fnote{color:#fbbf24}:root[data-theme=dark] .hvx-ferr,:root[data-theme=dark] .hvx-err{color:#f87171}@media (max-width: 640px){.hvx-grid,.hvx-grid4{grid-template-columns:1fr 1fr}.hvx-span2{grid-column:1 / -1}.hvx-mhead,.hvx-mbody,.hvx-mfoot{padding-left:16px;padding-right:16px}.hvx-fnote,.hvx-table thead{display:none}.hvx-table,.hvx-table tbody{display:block}.hvx-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px 2px;border-top:1px solid var(--border)}.hvx-table td{display:block;padding:0;border:0;white-space:normal}.hvx-table td.hvx-c-name{grid-column:1;grid-row:1}.hvx-table td.hvx-c-act{grid-column:2;grid-row:1;align-self:start}.hvx-table td[data-label]{grid-column:1 / -1;font-size:13px;padding-left:40px}.hvx-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.hvx-table td.hvx-c-parents:before{display:block}.hvx-table tr.hvx-empty{display:block}}@media (max-width: 420px){.hvx-grid,.hvx-grid4{grid-template-columns:1fr}}.clx-limit{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.clx-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13.5px}.clx-banner .bi{flex:0 0 auto}.clx-table td.clx-c-act,.clx-stu td.clx-c-act{white-space:nowrap;text-align:right}.clx-c-act>*{vertical-align:middle;margin-left:4px}.modal.clx-detail{display:flex;flex-direction:column;padding:0;overflow:hidden;max-width:900px}.clx-dhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 10px}.clx-dhead h2{margin:0;font-size:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clx-dcount{font-size:13.5px;font-weight:500}.clx-x{flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.clx-x:hover{background:var(--primary-soft);color:var(--heading)}.clx-x svg{width:20px;height:20px}.clx-dtools{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 12px;border-bottom:1px solid var(--border)}.clx-dbody{flex:1;min-height:0;overflow:auto;padding:12px 24px 20px}.clx-tpsearch{margin-bottom:8px}:root[data-theme=dark] .clx-banner{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}@media (max-width: 640px){.clx-table thead{display:none}.clx-table,.clx-table tbody{display:block}.clx-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:12px 2px;border-top:1px solid var(--border)}.clx-table td{display:block;padding:0;border:0;white-space:normal}.clx-table td.clx-c-name{grid-column:1;grid-row:1;font-size:15px}.clx-table td.clx-c-act{grid-column:2;grid-row:1;align-self:start}.clx-table td[data-label]{grid-column:1 / -1;font-size:13px}.clx-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.clx-dhead,.clx-dtools,.clx-dbody{padding-left:16px;padding-right:16px}.clx-stu th:nth-child(4),.clx-stu td:nth-child(4),.clx-stu th:nth-child(5),.clx-stu td:nth-child(5),.clx-stu th:nth-child(6),.clx-stu td:nth-child(6){display:none}}.tcx-count{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;font-size:13px;color:var(--muted)}.tcx-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font:inherit;font-size:12.5px;cursor:pointer}.tcx-chip b{font-weight:700}.tcx-chip.on{background:#9a3412;border-color:#9a3412;color:#fff}.tcx-table td{vertical-align:middle}.tcx-c-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tcx-name{display:inline-flex;flex-direction:column;line-height:1.25}.tcx-name small,.tcx-contact small{color:var(--muted);font-size:12px}.tcx-me{font-size:12px}.tcx-contact{display:inline-flex;flex-direction:column;line-height:1.3;word-break:break-all}.tcx-classes{display:inline-flex;flex-wrap:wrap;gap:4px}.tcx-cls{padding:2px 8px;border-radius:6px;background:var(--primary-soft);color:var(--heading);font-size:12.5px;white-space:nowrap}.tcx-free{padding:2px 8px;border-radius:6px;border:1px dashed #fdba74;background:transparent;color:#c2410c;font:inherit;font-size:12.5px;cursor:pointer}.tcx-free:hover{background:#fff7ed}.tcx-table td.tcx-c-act{white-space:nowrap;text-align:right}.tcx-c-act>*{vertical-align:middle;margin-left:4px}.tcx-foot{font-size:13px;margin-top:10px}.tcx-sub{margin:-4px 0 14px;font-size:13.5px}.tcx-pw{display:flex;gap:6px;flex-wrap:wrap}.tcx-pw input{flex:1 1 160px;min-width:0}.tcx-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.tcx-dirty{margin-right:auto;align-self:center;font-size:12.5px;color:#c2410c}.tcx-done{display:grid;gap:10px}.tcx-note{margin:0;padding:10px 12px;border-radius:10px;background:#eff6ff;color:#1e40af;font-size:13px}.tcx-login{margin:0;padding:12px 14px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;font-family:inherit;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;-webkit-user-select:all;user-select:all}.tcx-hint{margin:0;font-size:12.5px}:root[data-theme=dark] .tcx-chip{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}:root[data-theme=dark] .tcx-chip.on{background:#b45309;border-color:#b45309;color:#fff}:root[data-theme=dark] .tcx-free{color:#fbbf24;border-color:#f59e0b73}:root[data-theme=dark] .tcx-free:hover{background:#f59e0b1f}:root[data-theme=dark] .tcx-note{background:#3b82f624;color:#93c5fd}:root[data-theme=dark] .tcx-login{background:#16a34a1f;border-color:#16a34a59;color:#bbf7d0}@media (max-width: 640px){.tcx-table thead{display:none}.tcx-table,.tcx-table tbody{display:block}.tcx-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 2px;border-top:1px solid var(--border)}.tcx-table td{display:block;padding:0;border:0;white-space:normal}.tcx-table td.tcx-c-name{display:flex;grid-column:1;grid-row:1;font-size:15px}.tcx-table td.tcx-c-act{grid-column:2;grid-row:1;align-self:start}.tcx-table td[data-label]{grid-column:1 / -1;font-size:13px}.tcx-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.tcx-table tr:first-child{border-top:0}.tcx-table tr.tcx-empty{display:block}.tcx-grid{grid-template-columns:1fr}}.ntx-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.ntx-count{font-weight:500;font-size:12px;color:var(--muted)}.ntx-count.warn{color:#c2410c}.ntx-clear{border:0;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--primary);cursor:pointer}.ntx-empty{font-size:13px;padding:6px 0}.ntx-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ntx-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.ntx-chip b{font-weight:700;color:var(--muted)}.ntx-chip:hover{border-color:var(--primary)}.ntx-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.ntx-chip.on b{color:#ffffffd9}.ntx-search{width:100%;margin-bottom:6px}.ntx-picker{max-height:280px;overflow-y:auto}.ntx-picker .tp-row{margin:0;color:var(--text);font-size:14px;font-weight:400}.ntx-person{display:inline-flex;flex-direction:column;line-height:1.3}.ntx-person>span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ntx-person small{color:var(--muted);font-size:12px}.ntx-list{display:grid;gap:10px}.ntx-item{padding:12px 14px;border:1px solid var(--border);border-radius:12px}.ntx-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ntx-head b{color:var(--heading)}.ntx-head span{flex:0 0 auto;font-size:12px}.ntx-body{margin-top:4px;font-size:13.5px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ntx-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--text)}.ntx-bar{width:64px;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.ntx-bar span{display:block;height:100%;background:#16a34a}.ntx-actions{display:flex;gap:6px;margin-top:8px}.ntx-recall{color:var(--danger)}.ntx-who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:13px}.ntx-who-h{font-weight:600;font-size:12px;color:var(--muted);margin-bottom:4px}.ntx-note{font-size:12px;margin:10px 0 0}.notif-item .nc{white-space:pre-wrap;word-break:break-word}.notif-item.fresh{background:var(--primary-soft)}.notif-item .nt .notif-new{margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--primary);color:#fff;font-size:10.5px;font-weight:600;vertical-align:1px}@media (max-width: 640px){.ntx-who{grid-template-columns:1fr}}.exx-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.exx-filters select{width:auto;min-width:160px}.exx-chips{display:flex;gap:6px;flex-wrap:wrap}.exx-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.exx-chip b{color:var(--muted)}.exx-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.exx-chip.on b{color:#ffffffd9}.exx-table td{vertical-align:middle}.exx-c-name>*{display:block}.exx-c-name small{font-size:12px;margin-top:2px}.exx-table td.exx-c-act{white-space:nowrap;text-align:right}.exx-c-act>*{vertical-align:middle;margin-left:4px}.exx-sub{margin:-6px 0 12px}.exx-bsearch{width:100%;margin-bottom:8px}.exx-bank .fp-chk{color:var(--text);font-weight:400}.exx-builder .invalid{border-color:var(--danger)!important}.exx-ferr{color:var(--danger);font-size:12.5px;margin-top:4px}.exx-fhint{font-size:12px;margin:4px 0 0;color:var(--muted)}.exx-set1{display:grid;grid-template-columns:2fr 1fr;gap:0 14px}.exx-set2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.exx-qwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.exx-qwrap>.panel{margin:0}.exx-tabs{display:none}.exx-ph{margin:0 0 10px;font-size:16px}.exx-chead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.exx-chead .exx-ph{margin:0}.exx-pickrow{display:flex;gap:8px;margin-bottom:8px}.exx-pickrow .exx-n{flex:0 0 76px;width:76px}.exx-pickrow .btn{flex:1 1 auto}.exx-bankmeta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px;margin-bottom:6px}.exx-linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--danger);cursor:pointer}.exx-scroll{max-height:calc(100vh - 230px)}.exx-bq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;border-bottom:1px solid var(--border)}.exx-bq:last-child{border-bottom:0}.exx-bq .fp-chk{align-items:flex-start;font-size:13.5px}.exx-bq .fp-chk input{flex:0 0 auto;margin-top:3px}.exx-bq.on .fp-chk span{color:var(--heading);font-weight:500}.exx-peek{align-self:start;border:0;background:none;color:var(--primary);font:inherit;font-size:12px;cursor:pointer;padding:6px 2px}.exx-bopts{grid-column:1 / -1;padding:0 0 8px 24px}.exx-qtag{margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--primary-soft);color:var(--muted);font-size:11px;font-weight:500;white-space:nowrap}.exx-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 -6px 18px #0f172a14}.exx-bar-info{margin-right:auto;font-size:13.5px;color:var(--muted);min-width:0}.exx-bar-info b{color:var(--heading)}@media (max-width: 1000px){.exx-qwrap{grid-template-columns:1fr;gap:0}.exx-tabs{display:inline-flex;margin-bottom:12px}.exx-qwrap.on-bank .exx-pane-chosen,.exx-qwrap.on-chosen .exx-pane-bank,.exx-pane-bank .exx-ph{display:none}.exx-scroll{max-height:none;overflow:visible}}@media (max-width: 640px){.exx-set1{grid-template-columns:1fr}.exx-set2{grid-template-columns:1.4fr 1fr 1fr;gap:0 8px}.exx-set2 label{font-size:12px}.exx-bar{padding:8px 10px;border-radius:12px}.exx-bar-info{font-size:12.5px}.exx-bar .btn.ghost{display:none}}.exx-qrow{display:flex;gap:8px;align-items:flex-start}.exx-qtext{flex:1;min-width:0}.exx-qact{white-space:nowrap;margin-top:0}.exx-qact button:disabled{color:var(--muted);opacity:.45;cursor:default;text-decoration:none}.exx-roomtools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.exx-hint{font-size:12px;margin:8px 0 0}.exx-stats{display:flex;gap:6px 14px;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--muted)}.exx-stats b{color:var(--heading)}.exx-absent{margin-top:10px;font-size:13px}.exx-absent summary{cursor:pointer;color:#c2410c;font-weight:600}.exx-absent>div{margin-top:6px;line-height:1.6}.exx-project{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f172aeb;display:grid;place-items:center;padding:16px}.exx-project-in{background:#fff;color:#0f172a;border-radius:20px;padding:28px 32px;text-align:center;max-width:92vw;max-height:94vh;overflow:auto;display:grid;gap:10px;justify-items:center}.exx-project-t{font-size:clamp(18px,2.4vw,28px);font-weight:700}.exx-project-in img{width:min(48vh,70vw);height:auto;image-rendering:pixelated}.exx-project-code{font-size:clamp(40px,8vw,88px);font-weight:800;letter-spacing:.12em;line-height:1}.exx-project-link{font-size:clamp(13px,1.6vw,18px);color:#475569;word-break:break-all}.exx-project-n{font-size:15px;color:#15803d;font-weight:600}:root[data-theme=dark] .exx-absent summary{color:#fbbf24}@media (max-width: 640px){.exx-table thead{display:none}.exx-table,.exx-table tbody{display:block}.exx-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 2px;border-top:1px solid var(--border)}.exx-table tr:first-child{border-top:0}.exx-table td{display:block;padding:0;border:0;white-space:normal}.exx-table td.exx-c-name{grid-column:1;grid-row:1;font-size:15px}.exx-table td.exx-c-act{grid-column:2;grid-row:1;align-self:start}.exx-table td[data-label]{grid-column:1 / -1;font-size:13px}.exx-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.exx-table tr.exx-empty{display:block}.exx-filters select{flex:1 1 100%}}.crx-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}.crx-h>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.crx-seg{flex-wrap:wrap}.crx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.crx-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 14px}.crx-grid2.crx-grid2e{grid-template-columns:repeat(2,minmax(0,1fr))}.crx-hint{font-size:12px;margin:4px 0 0}.crx-warn{color:#c2410c;font-weight:600}.crx-link{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer}.crx-under{display:block;margin-top:4px;font-size:12.5px}.crx-listhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 6px;font-size:13px;color:var(--muted)}.crx-listhead b{color:var(--heading)}.crx-list{border:1px solid var(--border);border-radius:10px;padding:4px 10px;max-height:360px;overflow-y:auto}.crx-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.crx-row:last-child{border-bottom:0}.crx-row.on .crx-name>span{color:var(--heading);font-weight:500}.crx-name{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;margin:0;font-size:14px;color:var(--text);font-weight:400;cursor:pointer}.crx-name input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:var(--primary)}.crx-name>span{display:flex;flex-direction:column}.crx-miss{display:inline-flex;align-items:center;gap:4px;color:#c2410c;font-size:11.5px;font-weight:500}.crx-miss .bi{width:12px;height:12px}.crx .crx-rank{flex:0 0 96px;width:96px;padding:6px 8px;font-size:13px}.crx .crx-role{flex:0 0 76px;width:76px;padding:6px 8px;font-size:13px}.crx-pvhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.crx-pvhead .crx-h{margin-bottom:4px}.crx-pvnav{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.crx-pv{margin-top:10px;max-width:640px}.crx-pv.port{max-width:440px}.crx-pv iframe{display:block;width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;aspect-ratio:4000 / 2828}.crx-pv.port iframe{aspect-ratio:2475 / 3500}.crx-adv{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.crx-adv summary{cursor:pointer;font-weight:600;color:var(--heading);font-size:14px}.crx-frames{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-top:12px}.crx-frame{position:relative;width:132px;cursor:pointer;margin:0}.crx-frame.port{width:86px}.crx-fimg{height:94px;border:1px solid var(--border);border-radius:6px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.crx-frame.port .crx-fimg{height:122px}.crx-fimg img{width:100%;height:100%;object-fit:contain}.crx-frame.on .crx-fimg{border:2px solid var(--primary);box-shadow:0 0 0 2px #2563eb40}.crx-fname{font-size:11px;margin-top:3px;text-align:center;line-height:1.2;color:var(--muted)}.crx-fadd .crx-fimg{border-style:dashed;color:var(--muted);font-size:12px;text-align:center}.crx-fdel{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;line-height:20px;padding:0;font-size:15px}.crx-insets{margin-top:12px;display:grid;gap:6px;max-width:360px}.crx-inset{display:flex;align-items:center;gap:6px;font-size:13px}.crx-inset>span{width:64px}.crx .crx-inset input{width:72px;padding:6px 8px;text-align:center}.crx-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 -6px 18px #0f172a14}.crx-bar-info{margin-right:auto;font-size:13.5px;color:var(--muted)}.crx-bar-info b{color:var(--heading)}.crx-foot{margin-top:8px}@media (max-width: 640px){.crx-grid3,.crx-grid2,.crx-grid2.crx-grid2e{grid-template-columns:1fr}.crx-list{max-height:none}.crx-bar{padding:8px 10px;border-radius:12px}}.aux-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.aux-filters select{width:auto;min-width:180px}.aux-chips{display:flex;gap:6px;flex-wrap:wrap}.aux-chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.aux-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.aux-range{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.aux-range input{width:auto}.aux-hint{font-size:12px}.aux-h{margin:0 0 12px;font-size:16px}.aux-h .muted{font-size:13px;font-weight:400}.aux-form{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:0 12px;align-items:end}.aux-f-note{grid-column:2 / 4}.aux-f-btn{grid-column:4}.aux-f-btn .btn{width:100%}.aux-type{display:inline-flex;padding:3px;gap:3px;border-radius:10px;background:var(--primary-soft)}.aux-type button{border:0;background:none;padding:8px 16px;border-radius:8px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.aux-type button.on.thu{background:#16a34a;color:#fff}.aux-type button.on.chi{background:#dc2626;color:#fff}.aux-money{position:relative}.aux-money input{padding-right:28px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.aux-money span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.btn.aux-btn-chi{background:#dc2626;border-color:#dc2626}.aux-listbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.aux-search{flex:1 1 220px;max-width:320px}.aux-spacer{flex:1}.aux-table td,.aux-table th,.aux-perclass td,.aux-perclass th{vertical-align:middle}.aux-table .num,.aux-perclass .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.aux-thu{color:var(--success)}.aux-chi{color:var(--danger)}.aux-bal{font-weight:600}.aux-perclass .aux-bal{font-weight:700}.aux-perclass tr.aux-sel td{background:var(--primary-soft)}.aux-month td{background:var(--bg);font-weight:700;font-size:13px;color:var(--heading);padding-top:8px;padding-bottom:8px}.aux-c-content small{display:block;font-size:12px}.aux-c-date{white-space:nowrap}.aux-table td.aux-c-act{text-align:right;white-space:nowrap}.aux-c-act .row-links{margin-top:0}.aux-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media (max-width: 900px){.aux-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.aux-f-type,.aux-f-content,.aux-f-note,.aux-f-btn{grid-column:1 / -1}}@media (max-width: 640px){.aux-filters select,.aux-search{flex:1 1 100%;max-width:none}.aux-table thead{display:none}.aux-table,.aux-table tbody{display:block}.aux-table tr.aux-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 2px;border-top:1px solid var(--border)}.aux-table tr.aux-row td{display:block;padding:0;border:0}.aux-table td.aux-c-content{grid-column:1;grid-row:1;font-weight:600}.aux-table td.aux-c-date{grid-column:1;grid-row:2;font-size:12px;color:var(--muted)}.aux-table tr.aux-row td.aux-thu,.aux-table tr.aux-row td.aux-chi{grid-column:2;grid-row:1;font-size:15px;font-weight:700}.aux-table tr.aux-row td.aux-thu:empty,.aux-table tr.aux-row td.aux-chi:empty{display:none}.aux-table tr.aux-row td.aux-bal{grid-column:2;grid-row:2;font-size:12px;font-weight:500;color:var(--muted)}.aux-table tr.aux-row td.aux-bal:before{content:"Dư "}.aux-table tr.aux-row td[data-label=Lớp]{grid-column:1;font-size:12px;color:var(--muted)}.aux-table td.aux-c-act{grid-column:1 / -1;text-align:left}.aux-table tr.aux-month{display:flex;justify-content:space-between;gap:10px;padding:0}.aux-table tr.aux-month td{display:block;border:0;padding:8px 4px;background:none}.aux-table tr.aux-month td:empty{display:none}.aux-table tr.aux-month td:first-child{margin-right:auto}.aux-table tr.aux-month td.aux-thu:before{content:"Thu ";font-weight:500}.aux-table tr.aux-month td.aux-chi:before{content:"Chi ";font-weight:500}.aux-table tr.aux-month{background:var(--bg);border-radius:8px;margin-top:8px}.aux-table tr.aux-empty{display:block}}.dbx-loading{opacity:.55;pointer-events:none;transition:opacity .15s}.dbx-st-gold{background:#fff8e6}.dbx-st-gold .ic{background:#fde9b8;color:#b45309}:root[data-theme=dark] .dbx-st-gold{background:#f59e0b1f}.dbx-att{margin-bottom:18px;padding-top:14px;padding-bottom:14px}.dbx-att-head{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:0;background:none;padding:0;font:inherit;color:var(--heading);text-align:left;cursor:pointer}.dbx-att-head .h-ic{width:20px;height:20px;color:#c2410c}.dbx-att-title{font-size:17px;font-weight:700}.dbx-att-sum{display:flex;gap:6px;flex-wrap:wrap;flex:1}.dbx-att-tog{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--primary);margin-left:auto}.dbx-chev{transition:transform .2s}.dbx-att.open .dbx-chev{transform:rotate(180deg)}.dbx-att.open .dbx-att-list{margin-top:12px}.dbx-sec{margin:10px 0 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.dbx-sec:first-child{margin-top:0}.dbx-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:700;display:inline-grid;place-items:center}.dbx-ok{display:flex;align-items:center;gap:8px;margin:0;color:#15803d;font-size:14px}.dbx-ok .bi{width:18px;height:18px}.dbx-att-list{display:flex;flex-direction:column}.dbx-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:14px}.dbx-sec+.dbx-item{border-top:0}.dbx-text{flex:1;min-width:0}.dbx-tag{flex:0 0 auto;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.dbx-tag.warn{background:#fef3c7;color:#92400e}.dbx-tag.bad{background:#fee2e2;color:#b91c1c}.dbx-tag.info{background:var(--primary-soft);color:var(--primary)}.dbx-item .btn{flex:0 0 auto;white-space:nowrap;text-decoration:none}.dbx-nophone{font-size:12px;white-space:nowrap}.dbx-more{align-self:flex-start;margin:4px 0 6px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer}:root[data-theme=dark] .dbx-tag.warn{background:#f59e0b26;color:#fbbf24}:root[data-theme=dark] .dbx-tag.bad,:root[data-theme=dark] .dbx-count{background:#dc26262e;color:#f87171}:root[data-theme=dark] .dbx-ok{color:#4ade80}.dbx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.dbx-grid>.panel{margin:0}@media (max-width: 900px){.dbx-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dbx-item{flex-wrap:wrap;gap:6px 10px}.dbx-text{flex-basis:calc(100% - 110px)}.dbx-item .btn,.dbx-nophone{margin-left:auto}.dbx-att-sum{flex-basis:100%;order:5}.dash-stats{grid-template-columns:1fr 1fr;gap:10px}.dash-stats .dash-stat{padding:14px 16px}.dash-stats .dash-stat .ic{display:none}.dash-stats .dash-stat .lbl{font-size:13px;margin-bottom:6px}.dash-stats .dash-stat .num{font-size:24px}}.rpx-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.rpx-top select{width:220px}.rpx-spacer{flex:1}.rpx-opts{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-bottom:12px}.rpx-opts .picker-check{font-size:14px}.rpx-optnote{font-size:13px}.rpx-stage{position:relative;overflow:hidden}.rpx-stagehead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.rpx-modes{display:flex;gap:6px;flex-wrap:wrap;flex:1}.rpx-mode-btn{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.rpx-mode-btn.on{background:var(--primary);border-color:var(--primary);color:#fff}.rpx-mode-btn:disabled{opacity:.6;cursor:default}.rpx-left{font-size:13px;color:var(--muted)}.rpx-left b{color:var(--heading)}.rpx-mode{display:flex;flex-direction:column;align-items:center;gap:14px}.rpx-hint{text-align:center;color:var(--muted);margin:6px 0}.rpx-small{font-size:12px;margin:8px 0 0}.rpx-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:4px}.btn.rpx-go{min-width:170px;font-size:16px;padding:12px 24px}.rpx-race{width:100%;display:flex;flex-direction:column;gap:10px}.rpx-lane{display:grid;grid-template-columns:150px 1fr 24px;align-items:center;gap:10px}.rpx-lane-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpx-lane-track{position:relative;height:36px;background-color:var(--primary-soft);border-radius:20px;background-image:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 16px);background-size:calc(100% - 20px) 2px;background-position:center;background-repeat:no-repeat}.rpx-runner{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 6px #0003;transition:left .09s linear;overflow:hidden}.rpx-runner img{width:100%;height:100%;object-fit:cover}.rpx-lane-flag{width:22px;height:22px;color:var(--danger)}.rpx-lane.win .rpx-lane-track{background-color:#f6c9554d;box-shadow:0 0 0 2px #e0a800 inset}.rpx-lane.win .rpx-lane-name{color:#b7791f}.rpx-wheel-wrap{position:relative;width:min(440px,86vw);aspect-ratio:1}.rpx-wheel{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 18px rgba(15,23,42,.18))}.rpx-pointer{position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--heading);z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.rpx-cards{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;perspective:900px}.rpx-card{position:relative;height:112px;border:0;padding:0;background:none;cursor:pointer;font:inherit}.rpx-card:disabled{cursor:default}.rpx-card-in{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s;transform-style:preserve-3d}.rpx-card.flipped .rpx-card-in{transform:rotateY(180deg)}.rpx-card-back,.rpx-card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:8px;text-align:center}.rpx-card-back{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;font-size:26px;font-weight:800;box-shadow:0 4px 10px #2563eb40;transition:transform .15s,box-shadow .15s}.rpx-card:not(:disabled):hover .rpx-card-back{transform:translateY(-3px);box-shadow:0 8px 18px #2563eb59}.rpx-card-front{background:#fff8e1;color:#92400e;border:2px solid #f59e0b;font-weight:700;font-size:14px;transform:rotateY(180deg)}.rpx-cards.shuffling .rpx-card{animation:rpx-shake .14s infinite alternate}@keyframes rpx-shake{0%{transform:translate(-2px,1px) rotate(-2deg)}to{transform:translate(2px,-1px) rotate(2deg)}}.rpx-slot{position:relative;width:min(560px,100%);height:192px;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,var(--primary-soft),var(--panel) 30%,var(--panel) 70%,var(--primary-soft));border:1px solid var(--border)}.rpx-slot-win{position:absolute;left:10px;right:10px;top:64px;height:64px;border-radius:12px;border:3px solid #f59e0b;background:#f59e0b14;pointer-events:none;z-index:1}.rpx-slot-reel{will-change:transform}.rpx-slot-item{height:64px;display:grid;place-items:center;font-size:26px;font-weight:800;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.rpx-done{text-align:center;padding:20px}.rpx-done-ic{width:44px;height:44px;color:#16a34a}.rpx-winner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px;animation:rpx-fade .2s ease-out}@keyframes rpx-fade{0%{opacity:0}to{opacity:1}}.rpx-winner-card{position:relative;z-index:2;background:var(--panel);border-radius:22px;padding:26px 30px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:100%;animation:rpx-zoom .35s cubic-bezier(.2,1.4,.4,1)}@keyframes rpx-zoom{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.rpx-winner-ava{width:92px;height:92px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;overflow:hidden;box-shadow:0 0 0 5px #fde68a}.rpx-winner-ava img{width:100%;height:100%;object-fit:cover}.rpx-winner-lbl{display:inline-flex;align-items:center;gap:6px;color:#b7791f;font-weight:700;font-size:15px}.rpx-winner-name{font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--heading);line-height:1.15;margin:6px 0 18px}.rpx-winner-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn.rpx-ok{background:#16a34a;border-color:#16a34a}.rpx-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.rpx-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:rpx-fall 1.6s ease-in forwards}@keyframes rpx-fall{to{transform:translateY(110vh) rotate(540deg);opacity:.2}}.rpx-log{margin-top:14px}.rpx-log-sum{display:flex;gap:8px;margin-bottom:8px}.rpx-chip{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.rpx-chip.ok{background:#dcfce7;color:#15803d}.rpx-chip.no{background:#ffedd5;color:#c2410c}.rpx-log-list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.rpx-log-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--border);font-size:14px}.rpx-log-list li:first-child{border-top:0}.rpx-log-name{flex:1;min-width:0}.rpx-gform{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.rpx-gform select{width:auto}.rpx-gform input[type=number]{width:72px}.rpx-apostle{margin-left:6px;font-size:14px}.rpx-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.rpx-group{border:1px solid var(--border);border-top:5px solid var(--gc);border-radius:12px;padding:10px 12px;background:var(--panel)}.rpx-group-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rpx-group-h b{color:var(--gc)}.rpx-group-h span{font-size:12px;color:var(--muted)}.rpx-group ol{margin:0;padding-left:20px;font-size:14px;line-height:1.7}.rpx-pop{animation:rpx-zoom .25s ease-out}.rpx-stage.rpx-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;margin:0;border-radius:0;overflow:auto;padding:24px 32px;display:flex;flex-direction:column;background:var(--panel)}.rpx-full .rpx-mode,.rpx-full .rpx-groups{flex:1;justify-content:center}.rpx-full .rpx-wheel-wrap{width:min(78vh,88vw)}.rpx-full .rpx-slot{width:min(900px,96%);height:300px}.rpx-full .rpx-slot-win{top:100px;height:100px}.rpx-full .rpx-slot-item{height:100px;font-size:48px}.rpx-full .rpx-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.rpx-full .rpx-card{height:150px}.rpx-full .rpx-card-front{font-size:18px}.rpx-full .rpx-lane-name{font-size:20px}.rpx-full .rpx-lane{grid-template-columns:230px 1fr 30px}.rpx-full .rpx-lane-track{height:52px}.rpx-full .rpx-runner{width:48px;height:48px;font-size:16px}.rpx-full .rpx-winner-name{font-size:clamp(40px,8vw,96px)}.rpx-full .rpx-winner-ava{width:140px;height:140px;font-size:48px}.rpx-full .rpx-group ol,.rpx-full .rpx-group-h b{font-size:20px}:root[data-theme=dark] .rpx-card-front{background:#3b2f12;color:#fde68a}:root[data-theme=dark] .rpx-chip.ok{background:#16a34a2e;color:#4ade80}:root[data-theme=dark] .rpx-chip.no{background:#ea580c2e;color:#fb923c}@media (max-width: 640px){.rpx-top select{width:100%}.rpx-stagehead .rpx-modes{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto}.rpx-mode-btn{padding:6px 11px;font-size:13px;white-space:nowrap}.rpx-stagehead .rpx-left{margin-right:auto}.rpx-lane{grid-template-columns:92px 1fr 18px;gap:6px}.rpx-lane-name{font-size:12px}.rpx-cards{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.rpx-card{height:92px}.rpx-card-front{font-size:12px}.rpx-slot-item{font-size:20px}.rpx-winner-card{padding:20px 16px}.rpx-stage.rpx-full{padding:14px}}.arx-years{display:flex;flex-direction:column;gap:12px}.arx-year{padding:0;overflow:hidden;margin:0}.arx-yhead{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;padding:14px 18px;flex-wrap:wrap}.arx-ytoggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:16px;color:var(--heading);text-align:left}.arx-chev{color:var(--muted);transition:transform .18s}.arx-year.open .arx-chev{transform:rotate(180deg)}.arx-ystats{display:flex;gap:6px;flex-wrap:wrap}.arx-ystats span{padding:2px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:600}.arx-yact{display:flex;gap:8px;flex-wrap:wrap}.arx-classes{border-top:1px solid var(--border);padding:12px 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.arx-class{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);cursor:pointer;font:inherit;font-weight:600;color:var(--text);text-align:left}.arx-class:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.arx-class:disabled{cursor:progress;opacity:.7}.arx-cname{display:flex;flex-direction:column}.arx-cname small{font-size:11px;font-weight:500;color:var(--muted)}.arx-class .muted{font-size:13px;font-weight:500;white-space:nowrap}.arx-link{border:0;background:none;padding:0;font:inherit;color:var(--primary);font-weight:600;cursor:pointer}.arx-grads{margin-top:18px}.arx-ghead{gap:10px;flex-wrap:wrap}.arx-gfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.arx-gfilters input{flex:1 1 200px;max-width:280px}.arx-gfilters select{width:auto}.arx-tag{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.arx-tag.ok{background:#dcfce7;color:#15803d}.arx-tag.bad{background:#fee2e2;color:#b91c1c}.arx-bad{color:var(--danger)}.arx-grads a.link-name,.arx-modal a.link-name{text-decoration:none}.arx-grads a.link-name:hover,.arx-modal a.link-name:hover{text-decoration:underline}.modal.arx-modal{max-width:920px;display:flex;flex-direction:column}.arx-mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.arx-mhead h2{margin:0 0 12px}.arx-mhead h2 .muted{font-size:14px;font-weight:500}.arx-x{flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.arx-x:hover{background:var(--primary-soft);color:var(--heading)}.arx-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.arx-sum>div{padding:10px 12px;border-radius:10px;background:var(--primary-soft);display:flex;flex-direction:column;gap:2px}.arx-sum span{font-size:12px;color:var(--muted)}.arx-sum b{font-size:20px;color:var(--heading)}.arx-mtools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.arx-msearch{flex:1 1 180px;max-width:260px}.arx-exp{display:flex;gap:6px;margin-left:auto}.arx-mbody{max-height:55vh;overflow:auto}.arx-table .num{text-align:center;white-space:nowrap}.arx-table th small{font-weight:500;color:var(--muted)}.arx-c-name small{display:block;font-size:11px;color:var(--muted)}:root[data-theme=dark] .arx-tag.ok{background:#16a34a2e;color:#4ade80}:root[data-theme=dark] .arx-tag.bad{background:#dc26262e;color:#f87171}@media (max-width: 640px){.arx-yhead{padding:12px 14px}.arx-yact{width:100%}.arx-yact .btn{flex:1}.arx-classes{grid-template-columns:1fr;padding:10px 12px 12px}.arx-gfilters input{flex:1 1 100%;max-width:none}.arx-gfilters select{flex:1 1 30%;min-width:0;font-size:13px;padding-left:8px;padding-right:4px}.arx-gtable thead{display:none}.arx-gtable,.arx-gtable tbody{display:block}.arx-gtable tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 2px;border-top:1px solid var(--border)}.arx-gtable tr:first-child{border-top:0}.arx-gtable td{display:block;padding:0;border:0}.arx-gtable td.arx-c-name{grid-column:1;grid-row:1;font-weight:600}.arx-gtable td.arx-c-res{grid-column:2;grid-row:1}.arx-gtable td[data-label]{grid-column:1 / -1;font-size:13px}.arx-gtable td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.arx-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.arx-sum b{font-size:17px}.arx-msearch{max-width:none}.arx-exp{margin-left:0}.arx-mbody{max-height:none}}a.gmx-link,a.gmx-link:hover{text-decoration:none}.gmx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.gmx-card{position:relative}.gmx-play{width:100%;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;cursor:pointer;font:inherit;color:var(--text);transition:transform .12s,box-shadow .12s,border-color .12s}.gmx-play:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 22px #2563eb1f}.gmx-thumb{position:relative;height:130px;display:grid;place-items:center;overflow:hidden}.gmx-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gmx-ico{font-size:44px;color:#fff}.gmx-playbadge{position:absolute;right:10px;bottom:10px;padding:5px 12px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:13px;font-weight:700;opacity:.92}.gmx-play:hover .gmx-playbadge{background:var(--primary);opacity:1}.gmx-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.gmx-name{font-size:15px;color:var(--heading)}.gmx-desc{font-size:13px;color:var(--muted);line-height:1.45}.gmx-tags{display:flex;gap:6px;flex-wrap:wrap}.gmx-tag{padding:2px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11.5px;font-weight:600}.gmx-menu{position:absolute;top:8px;right:8px;z-index:2}.gmx-menu .row-menu-btn{background:#ffffffeb}.gmx-recent{display:flex;gap:8px;flex-wrap:wrap}.gmx-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.gmx-chip:hover{border-color:var(--primary)}.gmx-chip-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;overflow:hidden}.gmx-chip-ico img{width:100%;height:100%;object-fit:cover}.gmx-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gmx-empty p{margin:0;color:var(--muted)}.gmx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0a0c10d1;display:flex;padding:10px}.gmx-box{flex:1;min-width:0;background:#0b1020;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000073}.gmx-box:fullscreen{border-radius:0}.gmx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.gmx-title{font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gmx-tools{display:flex;gap:8px;flex:0 0 auto}.gmx-rotate{padding:8px 12px;background:#fef3c7;color:#92400e;font-size:13px;text-align:center}.gmx-frame{flex:1;width:100%;border:0;display:block;background:#0b1020}.gmx-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:var(--panel)}.gmx-wait p{margin:0}@media (max-width: 640px){.gmx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gmx-thumb{height:92px}.gmx-desc{display:none}.gmx-body{padding:10px}.gmx-name{font-size:14px}.gmx-overlay{padding:0}.gmx-box{border-radius:0}.gmx-tools .btn-ext{display:none}}.epx{--e-bg: #0d1114;--e-elev: #151b20;--e-surface: #182027;--e-surface-h: #202a32;--e-border: rgba(255, 255, 255, .12);--e-border-s: rgba(255, 255, 255, .22);--e-text: #ece8df;--e-muted: #a3adb5;--e-faint: rgba(255, 255, 255, .55);--e-gold: #e0bf65;--e-gold-h: #f0d98f;--e-gold-c: #14110a;--e-teal: #7db5c9;--e-ok: #8ed9aa;position:relative;overflow:hidden;border-radius:22px;padding:30px 32px 34px;color:var(--e-text);font-family:Be Vietnam Pro,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 70% 0,rgba(70,106,125,.28),transparent 30rem),radial-gradient(circle at 10% 25%,rgba(196,151,54,.14),transparent 25rem),var(--e-bg)}.epx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.epx>*{position:relative}.epx a{color:inherit;text-decoration:none}.epx-h1,.epx-h2,.epx-card-title,.epx-perk-h{font-family:Lora,Georgia,serif;letter-spacing:-.025em;color:var(--e-text)}.epx-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--e-gold-h)}.epx-muted{color:var(--e-muted)}.epx-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:center;padding-bottom:8px}.epx-logo{height:46px;width:auto;display:block;margin-bottom:18px}.epx-h1{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:10px 0 14px;font-weight:700}.epx-h1 span{color:var(--e-gold)}.epx-lead{color:var(--e-muted);font-size:15.5px;line-height:1.6;margin:0 0 16px;max-width:560px}.epx-points{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.epx-points span{padding:6px 12px;border-radius:999px;border:1px solid var(--e-border);background:#ffffff0a;font-size:13px;color:var(--e-text)}.epx-points b{color:var(--e-gold);margin-right:4px}.epx-cta{display:flex;gap:10px;flex-wrap:wrap}.epx-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid var(--e-border-s);background:#ffffff0d;color:var(--e-text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.epx-btn:hover{background:var(--e-surface-h);border-color:var(--e-gold)}.epx-btn svg{width:14px;height:14px;opacity:.8}.epx-btn.gold{background:var(--e-gold);border-color:var(--e-gold);color:var(--e-gold-c);font-weight:800}.epx-btn.gold:hover{background:var(--e-gold-h);transform:translateY(-1px)}.epx-btn.sm{padding:7px 12px;font-size:13px;border-radius:10px;align-self:flex-start}.epx-note{font-size:12.5px;color:var(--e-faint);margin:12px 0 0}.epx-hero-art{position:relative;height:270px}.epx-float{position:absolute;width:58%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;border:1px solid var(--e-border-s);box-shadow:0 24px 60px #00000073;background:linear-gradient(135deg,#456574,#8d7040 48%,#2d3c45);display:grid;place-items:center;font-size:42px;color:var(--e-gold-h);animation:epx-bob 7s ease-in-out infinite}.epx-float img{width:100%;height:100%;object-fit:cover;display:block}.epx-float.f0{right:2%;top:4%;z-index:3}.epx-float.f1{left:0;top:34%;z-index:2;width:50%;animation-delay:-2.3s}.epx-float.f2{right:12%;bottom:0;z-index:1;width:44%;animation-delay:-4.6s;opacity:.9}.epx-glyph{width:46%;aspect-ratio:1;right:20%;top:12%;font-size:90px}@keyframes epx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.epx-float{animation:none}}.epx-perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px}.epx-perk{padding:16px 18px;border-radius:16px;border:1px solid var(--e-border);background:var(--e-elev)}.epx-perk.on{border-color:#e0bf658c;background:linear-gradient(135deg,rgba(224,191,101,.14),var(--e-elev) 60%)}.epx-perk-h{font-size:17px;font-weight:700;margin-bottom:4px}.epx-perk p{margin:0;color:var(--e-muted);font-size:13.5px;line-height:1.55}.epx-sec{margin-top:30px}.epx-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.epx-h2{font-size:24px;margin:4px 0 14px;font-weight:700}.epx-sec-head .epx-h2{margin-bottom:0}.epx-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--e-gold-h)!important;white-space:nowrap}.epx-more svg{width:13px;height:13px}.epx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.epx-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--e-border);background:var(--e-surface);transition:transform .15s,border-color .15s,box-shadow .15s}.epx-card:hover{transform:translateY(-3px);border-color:#e0bf6599;box-shadow:0 16px 40px #00000059}.epx-skel{min-height:250px;background:linear-gradient(90deg,var(--e-surface),var(--e-surface-h),var(--e-surface));background-size:200% 100%;animation:epx-shim 1.2s linear infinite}@keyframes epx-shim{to{background-position:-200% 0}}.epx-cover{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#456574,#8d7040 48%,#2d3c45);display:block}.epx-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.epx-cover-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:40px;color:var(--e-gold-h)}.epx-ribbon{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:var(--e-gold);color:var(--e-gold-c);font-size:11px;font-weight:800}.epx-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;flex:1}.epx-card-top{display:flex;align-items:center;gap:8px}.epx-app-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#fff}.epx-card-title{font-size:17px;font-weight:700;line-height:1.2}.epx-tagline{font-size:13px;color:var(--e-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.epx-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto}.epx-type{font-size:11.5px;color:var(--e-faint)}.epx-badge{padding:2px 9px;border-radius:999px;border:1px solid var(--e-border-s);font-size:11.5px;font-weight:700;color:var(--e-text);white-space:nowrap}.epx-badge.free{border-color:#8ed9aa73;color:var(--e-ok);background:#8ed9aa14}.epx-badge.pro{border-color:#e0bf658c;color:var(--e-gold-h);background:#e0bf651a}.epx-fallback{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:16px;border:1px dashed var(--e-border-s);color:var(--e-muted)}.epx-fallback p{margin:0}.epx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:epx}.epx-steps li{counter-increment:epx;position:relative;padding:16px 16px 16px 58px;border-radius:16px;border:1px solid var(--e-border);background:var(--e-elev);display:flex;flex-direction:column;gap:4px}.epx-steps li:before{content:counter(epx);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--e-gold);color:var(--e-gold-c);font-weight:800}.epx-steps b{font-size:15px}.epx-steps span{font-size:13px;color:var(--e-muted);line-height:1.5}.epx-sub{margin:0 0 10px;font-size:13.5px}.epx-feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px}.epx-feat{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid var(--e-border);background:var(--e-surface)}.epx-feat.on{border-color:#8ed9aa59}.epx-feat-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.epx-feat p{margin:0;font-size:13px;color:var(--e-muted);line-height:1.5;flex:1}.epx-gamelink{display:flex;align-items:center;gap:14px;width:100%;margin-top:6px;padding:14px 16px;border-radius:16px;border:1px solid var(--e-border);background:linear-gradient(90deg,rgba(125,181,201,.12),transparent);color:var(--e-text);font:inherit;text-align:left;cursor:pointer}.epx-gamelink:hover{border-color:var(--e-teal)}.epx-gamelink svg{width:26px;height:26px;color:var(--e-teal);flex:0 0 auto}.epx-gamelink span{display:flex;flex-direction:column}.epx-gamelink small{color:var(--e-muted);font-size:12.5px}@media (max-width: 900px){.epx-hero{grid-template-columns:1fr}.epx-hero-art{height:200px}.epx-steps{grid-template-columns:1fr}}@media (max-width: 640px){.epx{padding:22px 16px 26px;border-radius:16px;margin:0 -6px}.epx-hero-art{display:none}.epx-logo{height:38px;margin-bottom:12px}.epx-perks{grid-template-columns:1fr}.epx-cta .epx-btn{flex:1 1 100%;justify-content:center}.epx-grid{grid-template-columns:1fr 1fr;gap:10px}.epx-card-title{font-size:15px}.epx-tagline{-webkit-line-clamp:3;font-size:12.5px}.epx-card-body{padding:10px}.epx-app-logo{width:22px;height:22px}}.page-loading{position:relative;height:3px;margin:2px 0 12px;overflow:hidden;border-radius:3px;opacity:0;animation:pl-in .2s .15s forwards}.page-loading-bar{position:absolute;top:0;bottom:0;width:35%;background:var(--primary);border-radius:3px;animation:pl-run 1s ease-in-out infinite}@keyframes pl-in{to{opacity:1}}@keyframes pl-run{0%{left:-35%}to{left:100%}}.page-error{max-width:520px;margin:40px auto;text-align:center}.page-error h2{margin-bottom:6px}.guide-wrap{max-width:1100px;margin:0 auto}.guide-head h1{margin:0 0 4px;font-size:26px}.guide-head .muted{margin:0 0 16px;max-width:720px}.guide-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 16px;box-shadow:var(--shadow-sm);max-width:640px}.guide-search svg{color:var(--muted);flex-shrink:0}.guide-search input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text)}.gd-clear{border:none;background:var(--primary-soft);color:var(--primary);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;flex-shrink:0}.guide-body{display:grid;grid-template-columns:232px 1fr;gap:24px;margin-top:22px;align-items:start}.guide-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}.gd-toc-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 10px 8px}.guide-toc button{text-align:left;border:0;border-left:1px solid var(--border);background:transparent;color:var(--muted);padding:6px 12px;border-radius:0;cursor:pointer;font-size:13.5px;line-height:1.4;transition:color .12s,border-color .12s}.guide-toc button:hover{color:var(--text);border-left-color:#b8bec8}.guide-toc button.active{color:var(--primary);font-weight:600;border-left:2px solid var(--primary);padding-left:11px}.guide-main{min-width:0;display:flex;flex-direction:column;gap:16px}.gd-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);scroll-margin-top:90px;transition:border-color .25s,box-shadow .25s,background .25s}.gd-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gd-card-head h2{margin:0;font-size:19px;flex:1;min-width:160px}.gd-badges{display:flex;gap:6px}.gd-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);white-space:nowrap}.gd-badge.admin{background:#fff4e5;color:#b45309}.gd-badge.pro{background:#fde8e8;color:#c0392b}:root[data-theme=dark] .gd-badge.admin{background:#f59e0b29;color:#fbbf24}:root[data-theme=dark] .gd-badge.pro{background:#dc26262e;color:#f87171}.gd-summary{margin:12px 0 4px;color:var(--text);line-height:1.7}.gd-ui{display:inline-block;padding:1px 9px;margin:1px;border:1px solid var(--border);border-radius:7px;background:var(--primary-soft);color:var(--primary);font-weight:600;font-size:.93em;box-shadow:var(--shadow-sm)}.gd-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}.gd-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:7px}.gd-steps li{line-height:1.6;color:var(--text)}.gd-tip{margin-top:12px;background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.55;color:var(--text)}.gd-tip b{color:var(--primary)}:root[data-theme=dark] .gd-tip{background:#ffffff0a}.gd-foot{margin-top:6px;padding:16px 20px;text-align:center;color:var(--muted);font-size:13.5px;border-top:1px dashed var(--border)}@media (max-width: 820px){.guide-body{grid-template-columns:1fr}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.gd-toc-title{width:100%;padding:0 0 4px}.guide-toc button,.guide-toc button.active{border-left:0;border-bottom:2px solid transparent;padding:8px 10px;font-size:13px}.guide-toc button.active{border-bottom-color:var(--primary)}}.plan-exp{font-size:11px;color:var(--muted);margin-top:1px;line-height:1.2}.plan-exp.soon{color:#b45309;font-weight:600}.plan-exp.exp{color:#b91c1c;font-weight:700}.renew-bar{display:flex;align-items:center;gap:12px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px;font-size:13.5px;line-height:1.5}.renew-bar .rb-ic{font-size:20px;flex-shrink:0}.renew-bar .rb-text{flex:1}.renew-bar .rb-x{border:none;background:transparent;color:#9a6a4a;cursor:pointer;font-size:15px;flex-shrink:0}.lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.lock-card{background:var(--panel);border-radius:var(--radius);max-width:460px;width:100%;padding:30px 28px;text-align:center;box-shadow:var(--shadow)}.lock-card .lock-ic{font-size:40px}.lock-card h2{margin:10px 0 8px}.lock-card>p{color:var(--muted);margin:0 0 14px;line-height:1.6}.lock-warn{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;text-align:left;margin:0 0 16px}.lock-help{display:block;margin:14px auto 0;border:none;background:transparent;color:var(--primary);cursor:pointer;font-size:13.5px}.ac-plan{margin:10px auto 0;font:inherit;font-size:12.5px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:5px 12px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:8px}button.ac-plan{cursor:pointer}button.ac-plan:hover{filter:brightness(.97);box-shadow:0 0 0 1px currentColor inset}.ac-plan-cta{font-size:11.5px;font-weight:800;padding-left:8px;border-left:1px solid currentColor;opacity:.9}.ac-plan.soon{color:#b45309;background:#fff7ed}.ac-plan.exp{color:#b91c1c;background:#fef2f2}.topbar-exp{display:none}@media (max-width: 860px){.topbar-exp{display:block;text-align:center;font-size:12px;font-weight:600;padding:5px 12px;background:var(--primary-soft);color:var(--primary);border-bottom:1px solid var(--border);position:sticky;top:62px;z-index:39}.topbar-exp.soon{background:#fff7ed;color:#b45309}.topbar-exp.exp{background:#fef2f2;color:#b91c1c}}.zalo-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:4px;padding:8px;border-radius:10px;text-decoration:none;color:#0068ff;font-size:13px;font-weight:600}.zalo-link svg{flex-shrink:0;border-radius:5px}.zalo-link:hover{background:#eaf3ff}.gd-toc-group{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:12px 10px 4px}.gd-toc-more{color:var(--primary)!important;font-weight:600;margin-top:6px;border-left-color:transparent!important}.gd-card-head .btn.sm{margin-left:4px}.gd-ui{background:#f1f3f6!important;color:var(--text)!important;border-color:var(--border)!important;font-weight:600}:root[data-theme=dark] .gd-ui{background:#ffffff12!important}.gd-steps{list-style:none;padding-left:0;counter-reset:gd-step}.gd-steps li{counter-increment:gd-step;position:relative;padding-left:34px}.gd-steps li:before{content:counter(gd-step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.gd-suggest{border:1px solid var(--border);background:var(--panel);color:var(--primary);font:inherit;font-size:13px;padding:3px 10px;border-radius:999px;cursor:pointer;margin:2px 4px 2px 0}.gd-suggest:hover{border-color:var(--primary)}@media (max-width: 820px){.guide-toc{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.guide-toc::-webkit-scrollbar{display:none}.guide-toc button{white-space:nowrap;flex-shrink:0}.gd-toc-title,.gd-toc-group{display:none}.gd-card{padding:18px 16px}}.guide-tabs{margin:0 0 16px}.ex-wrap{display:flex;flex-direction:column;gap:22px}.ex-progress{margin:0}.ex-progress-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ex-progress-title{font-size:17px;font-weight:700;color:var(--heading);margin-bottom:4px}.ex-bar{height:8px;border-radius:999px;background:var(--border);margin-top:14px;overflow:hidden}.ex-bar span{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.ex-group-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ex-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:6px}.ex-card.next{border-color:var(--primary)}.ex-card h3{margin:6px 0 0;font-size:16px;color:var(--heading)}.ex-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;flex:1}.ex-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ex-no{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.ex-no.done{background:#16a34a;color:#fff}.ex-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12.5px}.tour-svg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;pointer-events:none}.tour-svg path{fill:#0f172a80}.tour-ring{position:fixed;z-index:9501;border-radius:10px;pointer-events:none;box-shadow:0 0 0 3px var(--primary)}.tour-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#0f172a80;pointer-events:none}.tour-card{position:fixed;z-index:9600;width:340px;max-width:calc(100vw - 24px);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0f172a40;padding:16px 18px}.tour-card.sheet{left:8px;right:8px;bottom:8px;width:auto;max-width:none}.tour-meta{font-size:12px;color:var(--muted);font-weight:600}.tour-card h3{margin:6px 0;font-size:16px;color:var(--heading)}.tour-card p{margin:0 0 8px;font-size:14px;line-height:1.5}.tour-note{color:var(--muted);font-size:13px!important}.tour-note.warn{color:#b45309}.tour-progress{display:flex;gap:5px;margin:10px 0 12px}.tour-progress span{flex:1;height:4px;border-radius:999px;background:var(--border)}.tour-progress span.on{background:var(--primary)}.tour-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.tour-exit{margin-right:auto;background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:6px 0}.tour-exit:hover{color:var(--text)}@media (max-width: 640px){.ex-grid{grid-template-columns:1fr}}