: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}}.picker-result{text-align:center;padding:44px 20px;font-size:42px;font-weight:800;font-family:inherit;color:var(--primary);min-height:60px;background:var(--primary-soft);border-radius:var(--radius);margin-bottom:22px}.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:90px 1fr 44px;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:linear-gradient(160deg,#f3e2c8,#e7d3b6 40%,#cfe0ea)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--bg-image) center / cover no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#f4f4f873}.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}.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)}.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)}.modal{background:#ffffffd1;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.6)}.modal-backdrop{background:#14182859;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.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}.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;border-bottom:1px solid var(--border);font-size:14px}.toggle-row:last-child{border-bottom:none}.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)}.fp-inline{display:flex;gap:8px;align-items:center}.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}.year-list{display:flex;flex-direction:column;gap:12px}.year-panel{padding:0;overflow:hidden}.year-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.year-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-size:15px;color:var(--text);text-align:left}.year-toggle .chev{transition:transform .18s;color:var(--muted)}.year-toggle .chev.up{transform:rotate(180deg)}.year-classes{border-top:1px solid var(--border);padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.arch-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-weight:600;color:var(--text)}.arch-class:hover{border-color:var(--primary);background:var(--primary-soft)}.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}.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)}.picker-note{text-align:center;margin-top:12px;color:var(--warning);font-weight:600;font-size:14px}: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] 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}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.game-card{cursor:pointer;text-align:center;transition:transform .12s ease}.game-card:hover{transform:translateY(-3px)}.game-card.locked{opacity:.75}.game-thumb{height:96px;border-radius:var(--radius);display:grid;place-items:center;font-size:40px;box-shadow:var(--shadow-sm);overflow:hidden}.game-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.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-left:3px solid #ef4444;padding:6px 10px;border-radius:6px}.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}.game-name{margin-top:8px;font-weight:600;font-size:14px}.game-card{position:relative}.ug-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#00000073;color:#fff;font-size:16px;line-height:1;cursor:pointer;z-index:2;display:grid;place-items:center}.ug-remove:hover{background:#dc2626}.ug-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.game-frame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0a0c10b3;display:flex;align-items:center;justify-content:center;padding:18px}.game-frame-box{width:min(1000px,96vw);height:min(720px,92vh);background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #0006}.game-frame-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600}.game-frame{flex:1;width:100%;border:0;display:block}.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{border-left:3px solid var(--warning)}.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}.pricing-cur{display:flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary);border-radius:12px;padding:10px 14px;font-size:13.5px;margin-bottom:16px}.pricing-cur .pc-dot{font-size:10px}.pricing-cur b{color:var(--heading)}.tier-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;margin-bottom:20px}.tier-card{position:relative;border:1px solid var(--border);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;background:var(--panel)}.tier-card.cur{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb2e;background:var(--primary-soft)}.tier-card .tc-name{font-weight:700;font-size:15px;color:var(--heading)}.tier-card .tc-range{color:var(--muted);font-size:12.5px;min-height:17px}.tier-card .tc-price{font-size:20px;font-weight:800;color:var(--heading);margin:10px 0 12px;line-height:1.1}.tier-card .tc-price small{font-size:11.5px;font-weight:500;color:var(--muted)}.tier-card .tc-price.free{color:#15803d}.tier-card button{margin-top:auto;width:100%}.tier-card .tc-cur{margin-top:auto;text-align:center;font-weight:700;color:var(--primary);font-size:13px;padding:8px;border:1px dashed var(--primary);border-radius:10px}.tier-card .tc-note{margin-top:auto;text-align:center;color:var(--muted);font-size:12.5px;padding:8px}.tc-badge{position:absolute;top:-9px;left:14px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}.tc-badge.pop{background:#f59e0b}.pro-benefits{background:var(--primary-soft);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.pro-benefits .pb-title{font-weight:800;margin-bottom:10px;font-size:14px;color:var(--primary)}.pro-benefits .pb-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;font-size:13px}.pro-benefits .pb-list li{color:var(--heading);font-weight:500;line-height:1.5;padding-left:21px;position:relative}.pro-benefits .pb-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:800}.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:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ext-name{font-weight:600;color:var(--heading)}.ext-badge{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;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 40px #0000002e;width:270px;padding:22px 18px 14px;text-align:center}.account-card .ava-wrap{margin:6px auto 16px}.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:18px;font-weight:800;color:var(--heading)}.ac-role{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:3px 12px;border-radius:20px}.ac-email{font-size:12px;color:var(--muted);margin-top:8px}.ac-actions{display:flex;flex-direction:column;gap:2px;margin:16px 0 10px;text-align:left}.ac-actions .user-menu-item{justify-content:flex-start}.ac-foot{font-size:12px;color:var(--muted);font-style:italic;border-top:1px solid var(--border);padding-top:10px}.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}.race{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow-y:auto;padding:6px 2px}.lane{display:grid;grid-template-columns:130px 1fr 26px;align-items:center;gap:10px}.lane-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-track{position:relative;height:30px;background:var(--primary-soft);border-radius:20px}.lane-line{position:absolute;top:50%;left:10px;right:10px;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 16px);transform:translateY(-50%)}.runner{position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;box-shadow:0 2px 6px #0003;transition:left .09s linear;z-index:2}.lane.win .lane-track{background:#f6c95547;box-shadow:0 0 0 2px #e0a800 inset}.lane.win .lane-name{color:#d4a017;font-weight:800}.lane-flag{font-size:18px;text-align:center}.race-winner{text-align:center;font-size:18px;font-weight:700;padding:12px;margin-bottom:12px;background:linear-gradient(135deg,#f6c95533,#e0a8001f);border-radius:var(--radius-sm)}@media (max-width: 560px){.lane{grid-template-columns:90px 1fr 22px}}.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)}.runner-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ic-excused{background:#e8f0fe;color:#2563eb}.excuse-note{padding:5px 8px;border:1px solid var(--border);border-radius:8px;font-size:13px;min-width:160px}.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;border-left:4px solid var(--border);transition:box-shadow .15s}.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{border-left-color:#a8641b}.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;border-left:4px solid var(--border)}.mini-card.tanthu{border-left-color:var(--primary)}.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}@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{position:relative;display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;text-align:left;padding:7px 12px 7px 16px;border-radius:10px;color:var(--text);font-size:13.5px;cursor:pointer;transition:background .12s,color .12s}.admin-subnav button:hover{background:var(--primary-soft);color:var(--primary)}.admin-subnav button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.admin-subnav button.active:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--primary)}.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}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.store-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;background:var(--surface, #fff)}.store-card.owned{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.store-card .sc-name{font-weight:700;font-size:15px}.store-card .sc-desc{color:var(--muted);font-size:13px;line-height:1.5;flex:1}.store-card .sc-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.store-card .sc-foot .plan-badge{flex-shrink: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}.promo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;animation:promoFade .18s ease}.promo-box{position:relative;max-width:620px;width:92vw;background:#fff;border-radius:20px;padding:16px;box-shadow:0 20px 50px #00000059}.promo-img{width:100%;height:auto;display:block;border-radius:12px;cursor:pointer}.promo-code{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:#334155}.promo-code b{letter-spacing:.5px;color:#b91c1c}.promo-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#334155;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000047;display:flex;align-items:center;justify-content:center;z-index:1}.promo-close:hover{background:#f1f5f9}@keyframes promoFade{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.promo-close{top:-10px;right:-10px;width:32px;height:32px}}.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:none;background:transparent;color:var(--text);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;line-height:1.35}.guide-toc button:hover{background:var(--primary-soft);color:var(--primary)}.guide-toc button.active{background:var(--primary-soft);color:var(--primary);font-weight:700;box-shadow:inset 3px 0 0 var(--primary)}.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.active{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f,var(--shadow)}.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}.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:var(--primary-soft);border-left:3px solid var(--primary);border-radius:8px;padding:10px 14px;font-size:13.5px;line-height:1.55;color:var(--text)}.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{background:var(--primary-soft);color:var(--primary);padding:6px 10px;font-size:12.5px}}.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:8px auto 0;font-size:12.5px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:5px 12px;border-radius:999px;display:inline-block}.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}.price-cheap{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 16px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.price-cheap .pcheap-emoji{font-size:24px;flex-shrink:0}.price-cheap .pcheap-big{font-size:16px;font-weight:600;color:#7c2d12}.price-cheap .pcheap-big b{color:#ea580c;font-size:19px}.price-cheap .pcheap-sub{font-size:12.5px;color:#9a6a4a;margin-top:2px;line-height:1.45}