@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap");:root{--honey:#ffdd95;--honey-line:#eec25e;--honey-soft:#ffeec4;--honey-tint:#fffaee;--honey-deep:#c98a00;--amber-ink:#7a5200;--bg:#ffffff;--surface:#ffffff;--surface-2:#fbfbfc;--ink:#1a1a1f;--ink-2:#4b5563;--muted:#8a909c;--line:#eceef2;--ok:#16a34a;--warn:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px rgba(16,24,40,0.04),0 6px 20px rgba(16,24,40,0.05);--shadow-lift:0 8px 28px rgba(16,24,40,0.1);--font-display:"Be Vietnam Pro",sans-serif;--font-body:"Be Vietnam Pro",sans-serif;--sidebar-w:274px;--rail-w:332px;--topbar-h:68px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em}.been-app{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100vh}.been-body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:0}.been-body[data-rail=on]{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w)}.been-main{padding:20px max(26px,(100% - 1120px)/2) 60px;gap:18px;width:100%;background:var(--surface-2);min-width:0}.been-main,.been-rail{display:flex;flex-direction:column}.been-rail{border-left:1px solid var(--line);background:var(--surface);padding:18px 18px 48px;gap:14px;position:-webkit-sticky;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto}@media (max-width:1339px){.been-body[data-rail=on]{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.been-rail{grid-column:2;border-left:0;border-top:1px solid var(--line);background:var(--surface-2);position:static;height:auto;overflow:visible;padding:4px 26px 40px}}@media (max-width:1100px){:root{--sidebar-w:240px}}@media (max-width:1023px){:root{--topbar-h:56px;--tabbar-h:60px;--tabbar-space:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px))}.been-body,.been-body[data-rail=on]{grid-template-columns:minmax(0,1fr)}.been-body>.been-sidebar{display:none}.been-main{padding:14px 16px calc(28px + var(--tabbar-space));gap:14px}.been-rail{grid-column:1;padding:4px 16px calc(28px + var(--tabbar-space))}.been-exam{min-height:calc(100vh - var(--topbar-h));padding-bottom:var(--tabbar-space)}}@media (max-width:767px){.been-main{padding:12px 14px calc(24px + var(--tabbar-space))}.been-rail{padding:4px 14px calc(24px + var(--tabbar-space))}.btn-honey,.btn-primary{padding:12px 20px;min-height:44px}}body,html{overflow-x:clip}.been-main img,.been-rail img{max-width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 11px;font-size:.73rem;font-weight:700;background:var(--honey-tint);color:var(--amber-ink);border:1px solid var(--honey-soft)}.pill-grey{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.pill-empty{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:11px 22px;font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 8px 18px rgba(26,26,31,.24);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 12px 24px rgba(26,26,31,.3)}.btn-primary:active{transform:translateY(0);box-shadow:0 5px 12px rgba(26,26,31,.22)}.btn-honey{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffe9bb,#ffdd95 44%,#ecb440);color:#2b1c00;border:0;border-radius:999px;padding:12px 24px;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 8px 18px rgba(199,150,40,.34),inset 0 0 0 1px rgba(196,142,26,.45),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-honey:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 24px rgba(199,150,40,.44),inset 0 0 0 1px rgba(196,142,26,.45),inset 0 1px 0 rgba(255,255,255,.8)}.btn-honey:active{transform:translateY(0);box-shadow:0 5px 12px rgba(199,150,40,.32)}.been-exam{min-width:0;min-height:calc(100vh - var(--topbar-h));background:var(--surface-2);display:flex;flex-direction:column}@media (prefers-reduced-motion:reduce){.btn-honey,.btn-primary{transition:none}.btn-honey:hover,.btn-primary:hover{transform:none}}@media (max-width:1023px){html[data-rail-sheet=open]{overflow:hidden}html[data-rail-sheet=open] .been-rail{position:fixed;inset:auto 0 0 0;z-index:47;max-height:76vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lift);padding:16px 16px calc(20px + var(--tabbar-space));animation:railSheetUp .24s cubic-bezier(.32,.72,0,1)}}@keyframes railSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html[data-rail-sheet=open] .been-rail{animation:none}}.been-app[data-chrome=exam] .been-exam{padding-bottom:0}@media (max-width:1023px){input,select,textarea{font-size:16px}}.been-app[data-chrome=admin] .been-main{padding-left:24px;padding-right:24px;max-width:1800px}@media (max-width:767px){.been-app[data-chrome=admin] .been-main{padding-left:14px;padding-right:14px}}