:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;display:flex}body{color:#333;background:#fff url(/background.jpg) top/cover no-repeat;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=768px){#root{padding:0 8px}h1{margin:16px 0;font-size:28px}body{background-size:auto 100vh}}.counter{color:var(--accent);background:var(--accent-bg);border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.topbar{box-sizing:border-box;width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.topbar-inner{width:100%;height:auto;display:flex;overflow:hidden}.topbar-left{background:url(/assets/banner-right-BvAXoVkC.png) 50%/cover no-repeat;flex:1;align-items:center;min-height:70px;display:flex;position:relative}.topbar-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 2px 8px #0003);width:auto;height:100px;margin-left:2cm;transition:transform .3s;position:relative}.topbar-logo:hover{transform:scale(1.05)}@media (width<=768px){.topbar-left{flex:none;justify-content:center;width:100%;min-height:60px}.topbar-logo{height:40px;margin-left:0}}@media (width<=480px){.topbar-left{min-height:50px}.topbar-logo{height:36px;margin-left:0}}.gov-top-header{color:#334155;background-color:#faf6ee;border-bottom:1px solid #e2e8f0;width:100%;padding:20px 24px}.gov-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1280px;margin:0 auto;display:flex}.gov-header-left{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.gov-header-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000014);width:60px;height:60px}.gov-header-text{flex-direction:column;gap:2px;display:flex}.gov-header-org{color:#b91c1c;letter-spacing:.8px;text-transform:uppercase;font-size:11.5px;font-weight:800}.gov-header-title{color:#900;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:20px;font-weight:850;line-height:1.2}.gov-header-slogan{color:#475569;margin:0;font-size:13px;font-style:italic;font-weight:600}.gov-header-right{align-items:center;display:flex}.gov-date-badge{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #00000005}.gov-date-badge i{color:#b91c1c;margin-right:8px}.gov-navbar{z-index:1000;background:linear-gradient(135deg,#900 0%,#a00 50%,#900 100%);width:100vw;margin-left:calc(50% - 50vw);position:sticky;top:0;box-shadow:0 4px 20px #99000040}.gov-nav-container{width:100%;max-width:1126px;margin:0 auto;padding:0 10px}.gov-menu-toggle{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:15px;font-weight:700;display:none}.gov-menu-toggle i{font-size:20px}.gov-menu-toggle:hover{background-color:#ffffff14}.gov-nav-list{flex-wrap:nowrap;width:100%;margin:0;padding:0;list-style:none;display:flex}.gov-nav-item{text-align:center;transition:background-color .2s;position:relative}.gov-nav-item.active,.gov-nav-item:hover{background-color:#0003}.gov-nav-item.active:after{content:"";background-color:#f8b320;border-radius:3px 3px 0 0;width:60%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gov-nav-item:hover .gov-dropdown-menu{opacity:1;visibility:visible;display:block;transform:translateY(0)}.gov-nav-link{color:#fff;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;letter-spacing:.3px;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:16px 14px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:all .25s;display:flex;position:relative}.gov-nav-link:hover{color:#f8b320}.nav-admin-item{flex-shrink:0;margin-left:auto}.nav-admin-item.logged-in{align-items:center;display:flex}.gov-nav-admin-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.gov-nav-user-info{color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.gov-nav-user-info i{color:#f8b320;font-size:14px}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.nav-role-tag{color:#f8b320;text-transform:uppercase;letter-spacing:.3px;background:#f8b32033;border:1px solid #f8b3204d;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:700}.nav-logout-btn{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:all .2s;display:flex}.nav-logout-btn:hover{color:#f8b320;background-color:#0003}.gov-nav-link i.bi-chevron-down{font-size:11px;transition:transform .3s}.gov-nav-search-item{align-items:center;padding:0 6px;display:flex}.gov-nav-search-wrap{background:#ffffff26;border-radius:20px;align-items:center;gap:6px;height:32px;padding:0 10px;transition:background .2s;display:flex}.gov-nav-search-wrap:focus-within{background:#ffffff40}.gov-nav-search-wrap i{color:#ffffffb3;flex-shrink:0;font-size:13px}.gov-nav-search-input{color:#fff;background:0 0;border:none;outline:none;width:100px;padding:4px 0;font-family:inherit;font-size:12px;font-weight:500}.gov-nav-search-input::placeholder{color:#ffffff80}.gov-nav-search-clear{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:16px;line-height:1;display:flex}.gov-nav-search-clear:hover{color:#fff}.gov-nav-search-item{position:relative}.gov-nav-search-dropdown{z-index:200;background:#fff;border-radius:0 0 10px 10px;min-width:320px;max-height:400px;padding:6px 0;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 12px 30px #0003}.gov-nav-search-result{color:#334155;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:2px;padding:10px 16px;text-decoration:none;transition:background .15s;display:flex}.gov-nav-search-result:last-child{border-bottom:none}.gov-nav-search-result:hover{background:#fef3c7}.gov-nav-search-result-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.gov-nav-search-result-date{color:#94a3b8;font-size:11px}.gov-nav-item:hover .gov-nav-link i.bi-chevron-down{transform:rotate(180deg)}.gov-dropdown-menu{z-index:100;opacity:0;visibility:hidden;background:linear-gradient(#900 0%,#800 100%);border-top:3px solid #f8b320;border-radius:0 0 10px 10px;min-width:280px;margin:0;padding:6px 0;list-style:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:100%;left:0;transform:translateY(-6px);box-shadow:0 12px 30px #0003}.gov-dropdown-menu.show,.gov-nav-item:hover .gov-dropdown-menu{opacity:1;visibility:visible;display:block;transform:translateY(0)}.gov-dropdown-menu li{border-bottom:1px solid #ffffff0f}.gov-dropdown-menu li:last-child{border-bottom:none}.gov-dropdown-item{color:#fff;text-align:left;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block;position:relative}.gov-dropdown-item:before{content:"";background-color:#f8b320;width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.gov-dropdown-item:hover{color:#f8b320;background-color:#0003;padding-left:26px}.gov-dropdown-item:hover:before{transform:scaleY(1)}.gov-dropdown-item-row{justify-content:space-between;align-items:center;display:flex}.gov-dropdown-item-row .gov-dropdown-item{flex:1}.gov-add-btn{color:#f8b320;white-space:nowrap;background:#ffffff1f;border:1px solid #f8b32040;border-radius:8px;align-items:center;gap:4px;margin-right:8px;padding:4px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.gov-add-btn:hover{color:#900;background:#f8b320}.gov-dropdown-li.has-sub{position:relative}.gov-dropdown-li.has-sub>.sub-trigger{cursor:default;justify-content:space-between;align-items:center;display:flex}.gov-dropdown-li.has-sub>.sub-trigger i{margin-left:12px;font-size:11px;transition:transform .25s}.gov-dropdown-li.has-sub:hover>.sub-trigger i{transform:translate(3px)}.gov-submenu{z-index:110;background:linear-gradient(#900 0%,#800 100%);border-top:3px solid #f8b320;border-radius:0 10px 10px;min-width:240px;margin:0;padding:6px 0;list-style:none;display:none;position:absolute;top:-6px;left:100%;box-shadow:0 12px 30px #0003}.gov-dropdown-li.has-sub:hover>.gov-submenu{animation:.2s cubic-bezier(.16,1,.3,1) forwards submenuSlideIn;display:block}.gov-submenu li{border-bottom:1px solid #ffffff0f}.gov-submenu li:last-child{border-bottom:none}.gov-submenu .gov-dropdown-item{white-space:nowrap}@keyframes submenuSlideIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.gov-top-header{padding:12px 16px}.gov-header-container{justify-content:center;gap:8px}.gov-header-left{text-align:center;flex-direction:column;justify-content:center;gap:4px;width:100%}.gov-header-left .gov-header-logo{width:44px;height:44px;margin:0 auto}.gov-header-left .gov-header-text{text-align:center}.gov-header-left .gov-header-text .gov-header-org{letter-spacing:.5px;font-size:10px}.gov-header-left .gov-header-text .gov-header-title{margin:2px 0;font-size:14px;line-height:1.3}.gov-header-left .gov-header-text .gov-header-slogan{font-size:10px}.gov-header-right{justify-content:center;width:100%;margin-top:2px}.gov-header-right .gov-date-badge{border-radius:16px;padding:4px 10px;font-size:9px}.gov-nav-container{padding:0}.gov-menu-toggle{min-height:48px;padding:16px;font-size:14px;display:flex}.gov-menu-toggle i{font-size:22px}.gov-nav-list{background:linear-gradient(#900 0%,#800 100%);border-top:1px solid #ffffff1f;flex-direction:column;width:100%;max-height:70vh;padding:4px 0;display:none;overflow-y:auto}.gov-nav-list.show-mobile{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownMenu;display:flex}.gov-nav-item{text-align:left;border-bottom:1px solid #ffffff0d;width:100%}.gov-nav-item:last-child{border-bottom:none}.gov-nav-item.active,.gov-nav-item:hover{background-color:#00000026}.gov-nav-item.active:after{display:none}.gov-nav-link{white-space:normal;text-align:left;word-break:break-word;justify-content:flex-start;min-height:44px;padding:14px 20px;font-size:13px}.gov-nav-link i.bi-chevron-down{margin-left:auto;font-size:14px}.gov-nav-search-item{box-sizing:border-box;width:100%;padding:8px 12px}.gov-nav-search-wrap{background:#ffffff1a;width:100%;height:36px}.gov-nav-search-input{width:100%;font-size:13px}.gov-nav-search-dropdown{min-width:unset;border-radius:8px;max-height:50vh;margin-top:6px;position:static;box-shadow:0 8px 20px #00000026}.nav-admin-item{border-top:1px solid #ffffff1a;margin-left:0}.nav-admin-item.logged-in{flex-direction:column;align-items:stretch}.gov-nav-admin-group{flex-direction:column;width:100%}.gov-nav-admin-group .gov-nav-link{justify-content:flex-start;width:100%;min-height:44px;padding:12px 20px;font-size:13px}.gov-nav-user-info{box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;padding:10px 20px;overflow:hidden}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;max-width:100px;font-size:12px;overflow:hidden}.nav-role-tag{flex-shrink:0;padding:2px 8px;font-size:9px}.nav-logout-btn{flex-shrink:0;min-height:44px;margin-left:auto;padding:6px 10px;font-size:16px}.gov-dropdown-menu{width:100%;min-width:unset;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;background:#0000001f;border-top:none;border-radius:0;padding:2px 0 2px 15px;display:none;position:static;transform:none}.gov-dropdown-menu.show{display:block}.gov-dropdown-menu .gov-dropdown-item{color:#fffc;border-bottom:none;align-items:center;min-height:44px;padding:10px 15px;font-size:13px;display:flex}.gov-dropdown-menu .gov-dropdown-item:hover{color:#f8b320;background:0 0;padding-left:15px}.gov-dropdown-item:before,.gov-dropdown-li.has-sub>.sub-trigger i{display:none}.gov-submenu{width:100%;min-width:unset;box-shadow:none;background:#00000014;border-top:none;border-radius:0;padding:2px 0 2px 15px;animation:none;display:block;position:static}.gov-dropdown-li.has-sub:hover>.gov-submenu{animation:none}.gov-submenu .gov-dropdown-item{color:#fffc;align-items:center;min-height:44px;padding:10px 15px;font-size:13px;display:flex}}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:#fdf8ed;border-top:1px solid #f8b32026;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:32px 0 24px;position:relative;left:50%;right:50%}.footer-inner{box-sizing:border-box;width:100%;max-width:1126px;margin:0 auto;padding:0 24px}.footer-main{flex-direction:row;align-items:flex-start;gap:32px;display:flex}.footer-left{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.footer-right{flex-shrink:0;width:340px}.footer-right iframe{display:block}.footer-logo-row{margin-bottom:16px}.footer-logo{object-fit:contain;width:50%;height:auto}.footer-info{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.footer-line{color:#5a3e00;font-size:14px;line-height:1.5}.footer-divider{background:#5a3e001f;width:100%;max-width:400px;height:1px;margin:0 0 16px}.footer-copyright{color:#5a3e008c;font-size:12px}@media (width<=768px){.site-footer{padding:24px 0 20px}.footer-main{flex-direction:column;gap:20px}.footer-right{width:100%}.footer-right iframe{width:100%;height:220px}.footer-inner{padding:0 16px}.footer-left{text-align:center;align-items:center}.footer-logo-row{justify-content:center;width:100%;display:flex}.footer-logo{width:160px}.footer-info{align-items:center;gap:4px}.footer-line{font-size:12px}.footer-divider{margin:0 auto 16px}.footer-copyright{text-align:center}}.fb-section{box-sizing:border-box;width:100%;padding:8px 24px 32px;overflow-x:hidden}.fb-container{width:100%;max-width:1126px;margin:0 auto}.fb-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a}.fb-card:hover{transform:none;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a}.fb-header{align-items:left;color:#0c0c0c;background:linear-gradient(135deg,#f8cf79 0%,#f3d993 50%,#f4e3a7 100%);gap:16px;margin-bottom:0;padding:22px 28px;display:flex;position:relative;overflow:hidden}.fb-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 60%);border-radius:50%;width:300px;height:300px;position:absolute;top:-60%;right:-10%}.fb-header-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0a0909;background:#ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .3s;display:flex}.fb-card:hover .fb-header-icon{transform:scale(1.05)rotate(-4deg)}.fb-header-text{text-align:left;z-index:1;position:relative}.fb-header-text h3{letter-spacing:.3px;color:#060606;margin:0;font-size:20px;font-weight:700}.fb-header-text p{opacity:.8;color:#0e0e0e;margin:4px 0 0;font-size:13px;line-height:1.4}.fb-stats{background:#fafbfc;border-bottom:1px solid #eef1f5;border-radius:0;gap:0;margin-bottom:0;display:flex}.fb-stat{border-right:1px solid #eef1f5;flex-direction:column;flex:1;align-items:center;gap:4px;padding:18px 12px;display:flex}.fb-stat:last-child{border-right:none}.fb-stat-value{color:#b91c1c;font-size:28px;font-weight:800;line-height:1}.fb-stat.answered .fb-stat-value{color:#2563eb}.fb-stat.pending-stat .fb-stat-value{color:#d97706}.fb-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.fb-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;line-height:1.4;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fb-success svg{color:#10b981;flex-shrink:0}.fb-body{gap:0;display:flex}.fb-form-col{box-sizing:border-box;background:#fafbfc;border-right:1px solid #eef1f5;border-radius:0;flex:0 0 360px;max-width:100%;padding:20px}.fb-form-col-header{margin-bottom:16px}.fb-form-col-header h4{color:#1f2937;margin:0;font-size:15px;font-weight:700}.fb-form-col-header p{color:#94a3b8;margin:4px 0 0;font-size:12px}.fb-form{flex-direction:column;gap:12px;display:flex}.fb-field{flex-direction:column;gap:4px;display:flex}.fb-label{color:#374151;text-align:left;font-size:12px;font-weight:600}.fb-required{color:#dc2626}.fb-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.fb-input:focus{border-color:#182423;box-shadow:0 0 0 3px #0f766e1a}.fb-input.error{border-color:#dc2626}.fb-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.fb-textarea{color:#1f2937;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:80px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.fb-textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.fb-textarea.error{border-color:#dc2626}.fb-error{color:#dc2626;font-size:11px}.fb-file-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fb-file-list{flex-wrap:wrap;gap:6px;display:flex}.fb-file-tag{color:#374151;text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;max-width:200px;padding:4px 10px;font-size:12px;display:inline-flex;overflow:hidden}.fb-file-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.fb-file-remove:hover{color:#dc2626}.fb-file-btn{color:#6b7280;cursor:pointer;background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .2s;display:inline-flex}.fb-file-btn:hover{color:#b91c1c;background:#fef2f2;border-color:#b91c1c}.fb-form-footer{justify-content:flex-end;margin-top:4px;display:flex}.fb-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,#ef4444 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #0f766e40}.fb-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0f766e59}.fb-form-footer-link{justify-content:center;margin-top:14px;display:flex}.fb-report-link{color:#1d4ed8;background:#eff6ff;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.fb-report-link:hover{color:#fff;background:#1d4ed8}.fb-list-col{box-sizing:border-box;flex:1;min-width:0;max-width:100%;padding:20px}.fb-list-col-header{margin-bottom:12px}.fb-list-col-header h4{color:#1f2937;margin:0;font-size:15px;font-weight:700}.fb-list-scroll{flex-direction:column;gap:8px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.fb-list-scroll::-webkit-scrollbar{width:4px}.fb-list-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fb-list-scroll::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.fb-item{background:#fff;border:1px solid #eef1f5;border-radius:10px;transition:border-color .2s,box-shadow .2s}.fb-item:hover{border-color:#d0d8e2;box-shadow:0 2px 8px #00000008}.fb-item-header{border-bottom:1px solid #f1f4f7;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.fb-item-left{align-items:center;gap:10px;min-width:0;display:flex}.fb-status{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.fb-status.answered{color:#065f46;background:#ecfdf5}.fb-status.pending{color:#92400e;background:#fef3c7}.fb-item-date{color:#94a3b8;white-space:nowrap;font-size:11px}.fb-item-body{padding:10px 14px 14px}.fb-item-author{color:#374151;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.fb-item-reply{background:#fef2f2;border-left:3px solid #dc2626;border-radius:6px;margin-top:10px;padding:10px 12px}.fb-reply-header{color:#991b1b;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.fb-item-reply p{color:#374151;text-align:left;margin:0;font-size:12px;line-height:1.5}.fb-reply-text{white-space:pre-wrap}.fb-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.fb-empty p{margin:0;font-size:13px}.fb-lightbox-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.2s fbFadeIn;display:flex;position:fixed;inset:0}@keyframes fbFadeIn{0%{opacity:0}to{opacity:1}}.fb-lightbox-content{max-width:90vw;max-height:90vh;position:relative}.fb-lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;display:block}.fb-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:-40px;right:-40px}.fb-lightbox-close:hover{background:#ffffff4d}.fb-item-files{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fb-item-file-link{color:#1d4ed8;background:#f3f4f6;border-radius:6px;padding:4px 10px;font-size:11px;text-decoration:none;transition:background .2s;display:inline-block}.fb-item-file-link:hover{background:#eff6ff}.fb-item-file-img{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.fb-item-file-img:hover{color:#b91c1c;background:#fef2f2}.fb-admin-reply{margin-top:10px}.fb-reply-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:12px;transition:all .2s}.fb-reply-btn:hover{color:#b91c1c;border-color:#b91c1c}.fb-reply-form{flex-direction:column;gap:8px;display:flex}.fb-reply-files{flex-wrap:wrap;gap:6px;display:flex}.fb-reply-textarea{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.fb-reply-actions{justify-content:flex-end;gap:8px;display:flex}.fb-reply-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:12px}.fb-reply-submit{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.fb-reply-submit:disabled{opacity:.5;cursor:not-allowed}.fb-item-text{color:#4b5563;text-align:left;margin:6px 0 0;font-size:13px;line-height:1.55}.fb-delete-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;transition:color .2s,background .2s;display:inline-flex}.fb-delete-btn:hover{color:#5a3e00;background:#fef9e7}.fb-delete-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.fb-body{flex-direction:column}.fb-form-col{flex:none;width:100%}.fb-list-col{width:100%}.fb-list-scroll{max-height:none;overflow-y:visible}}@media (width<=768px){.fb-section{padding:1px}.fb-stat{padding:12px 8px}.fb-stat-value{font-size:22px}.fb-stat-label{font-size:9px}}@media (width<=480px){.fb-stat-value{font-size:20px}.fb-item-left{flex-wrap:wrap}}.hero-banner{background:#f5f0e8;justify-content:center;width:100vw;margin-top:0;margin-left:calc(50% - 50vw);display:flex;overflow:hidden}.hero-banner-inner{width:100%;max-width:1126px;position:relative}@media (width>=1024px){.hero-banner-inner{max-width:none}}.hero-banner-img{clip-path:inset(70px 0);width:100%;height:auto;margin:-70px 0;display:block}.banner-cta-btn{color:#fff;letter-spacing:.5px;cursor:pointer;white-space:nowrap;z-index:2;background:linear-gradient(135deg,#e53935 0%,#c62828 100%);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;bottom:10%;left:23%;transform:translate(-50%);box-shadow:0 4px 15px #c6282859,0 0 #e539354d}.banner-cta-btn:hover{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);transform:translate(-50%)translateY(-3px);box-shadow:0 8px 25px #c6282873,0 0 0 4px #e5393533}.banner-cta-btn:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #c628284d}.banner-cta-icon{align-items:center;transition:transform .3s;display:flex}.banner-cta-btn:hover .banner-cta-icon{transform:scale(1.15)}@media (width<=1024px){.banner-cta-btn{gap:8px;padding:11px 28px;font-size:15px}.banner-cta-icon svg{width:17px;height:17px}}@media (width<=768px){.hero-banner{display:none}}.main-wrapper{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.main-empty{text-align:center;color:#94a3b8;width:100%;padding:40px 20px;font-size:15px;font-weight:500}.main-columns{gap:16px;width:100%;max-width:1126px;display:flex}.container-left{flex-direction:column;flex:7;gap:14px;min-width:0;display:flex}.container-right{flex-direction:column;flex:3;gap:12px;min-width:0;display:flex}.intro-banner{color:#5a3e00;box-sizing:border-box;background:linear-gradient(135deg,#f8cf79 0%,#f3d993 50%,#f4e3a7 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:16px 24px 16px 16px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #f8b3204d}.intro-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#5a3e000f 0%,#0000 60%);border-radius:50%;width:250px;height:250px;transition:all .5s;position:absolute;top:-60%;right:-10%}.intro-banner:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 0 20px #f8b32059,0 8px 25px #f8b3204d}.intro-banner:hover:after{opacity:.6;transform:scale(1.3)}.intro-banner-right{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#c0392b 0%,#e74c3c 50%,#f5b7b1 100%);border-radius:20px;align-items:center;padding:16px 24px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #c0392b4d}.intro-banner-right:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);border-radius:50%;width:250px;height:250px;transition:all .5s;position:absolute;top:-60%;right:-10%}.intro-banner-right:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 0 20px #c0392b59,0 8px 25px #c0392b4d}.intro-banner-right:hover:after{opacity:.6;transform:scale(1.3)}.intro-banner-right .intro-icon{background:#ffffff26}.intro-right{color:inherit;text-decoration:none}.map-wrapper{border-radius:20px;height:500px;overflow:hidden}.internal-link-card{background:linear-gradient(135deg,#f8cf79 0%,#f3d993 50%,#f4e3a7 100%);border-radius:20px;padding:16px 20px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #f8b3204d}.internal-link-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 0 20px #f8b32059,0 8px 25px #f8b3204d}.internal-link-header{color:#5a3e00;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.internal-link-header i{font-size:20px}.internal-link-image-wrap{border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.internal-link-image-wrap:hover{transform:scale(1.03);box-shadow:0 6px 20px #0000001f}.internal-link-image{width:100%;height:auto;transition:transform .4s;display:block}.internal-link-image-wrap:hover .internal-link-image{transform:scale(1.05)}.map-embed{border:none;width:100%;height:100%;display:block}.latest-news-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.main-loading{color:#9ca3af;grid-column:1/-1;justify-content:center;align-items:center;padding:48px 20px;font-size:14px;font-weight:500;display:flex}.latest-news-card-link{color:inherit;text-decoration:none;display:block}.latest-news-card{background:#fff;border:1px solid #eee;border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 10px #0000000d}.latest-news-card:hover{border-color:#9900001f;transform:translateY(-4px);box-shadow:0 6px 24px #9900001a}.latest-news-card-img{width:100%;height:130px;position:relative;overflow:hidden}.latest-news-card:hover .latest-news-cat{background:#f8b320;transform:scale(1.05)}.latest-news-img{object-fit:cover;width:100%;height:100%}.latest-news-img-placeholder{color:#ffffff40;letter-spacing:3px;background:linear-gradient(135deg,#900 0%,#c0392b 50%,#e74c3c 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:800;display:flex}.latest-news-card-body{text-align:left;padding:12px 14px 16px}.latest-news-date{color:#999;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.latest-news-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.latest-news-card:hover .latest-news-title{color:#900}.latest-news-excerpt{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.intro-left{align-items:center;gap:12px;display:flex}.intro-icon{background:#5a3e001a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:transform .3s;display:flex}.intro-banner:hover .intro-icon,.intro-banner-right:hover .intro-icon{transform:scale(1.05)rotate(-4deg)}.intro-title{letter-spacing:.5px;text-align:left;font-size:20px;font-weight:700}.intro-sub{opacity:.9;font-size:13px}.intro-subtitle{opacity:.85;text-align:left;margin-top:2px;font-size:13px}.intro-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5a3e0014;border:1px solid #5a3e0026;border-radius:999px;padding:8px 14px;font-size:13px}@media (width<=768px){.main-wrapper{gap:14px;padding:16px 12px}.main-columns{flex-direction:column;gap:12px}.container-right{gap:10px}.latest-news-grid{grid-template-columns:repeat(2,1fr);gap:10px}.intro-banner{border-radius:16px;padding:12px 16px 12px 12px}.intro-banner-right{border-radius:16px;padding:14px 18px}.intro-title{font-size:15px}.intro-subtitle{font-size:12px}.intro-icon{border-radius:10px;width:40px;height:40px;font-size:18px}.intro-right{padding:6px 12px;font-size:12px}.map-wrapper{border-radius:16px;height:260px}.internal-link-card{border-radius:16px;padding:14px 16px}.internal-link-header{font-size:14px}.latest-news-card{border-radius:10px}.latest-news-card-img{height:110px}.latest-news-card-body{padding:10px 12px 14px}.latest-news-title{font-size:13px}.latest-news-excerpt{-webkit-line-clamp:1;font-size:11px}.latest-news-date{font-size:10px}.latest-news-cat{padding:2px 8px;font-size:9px;bottom:5px;left:5px}.latest-news-img-placeholder{font-size:18px}.main-loading{padding:36px 20px;font-size:13px}}@media (width<=480px){.main-wrapper{gap:12px;padding:12px 8px}.latest-news-grid{grid-template-columns:1fr;gap:10px}.latest-news-card-img{height:140px}.intro-title{font-size:14px}.intro-icon{width:36px;height:36px;font-size:16px}.map-wrapper{height:200px}.intro-banner{border-radius:14px;padding:10px 14px 10px 10px}}.huongdan-wrapper{background:0 0;justify-content:center;min-height:calc(100vh - 56px);padding:24px;display:flex}.huongdan-content{width:100%;max-width:1126px}.huongdan-content h2{color:#222;margin-bottom:18px}.pdf-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;padding:16px;overflow:auto;box-shadow:0 6px 18px #00000014}.pdf-iframe{border:none;width:100%;min-height:900px}.pdf-loading{color:#555;text-align:center;padding:40px 0}@media (width<=960px){.huongdan-wrapper{padding:16px}.pdf-container{padding:12px}}.react-pdf__Page__canvas{width:100%!important;height:auto!important}.lienhe-wrapper{justify-content:center;padding:24px;display:flex}.lienhe-card{background:#fff;border-radius:12px;width:100%;max-width:1126px;padding:20px;box-shadow:0 6px 18px #00000014}.lienhe-card h2{margin-top:0}@media (width<=1200px){.video-file{height:560px}}@media (width<=900px){.video-file{height:420px}}@media (width<=640px){.video-file{height:280px}}.video-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex}.video-card{background:#fff;border-radius:16px;width:100%;max-width:1126px;padding:24px;box-shadow:0 8px 24px #00000014}.video-card h2{margin-top:0}.video-card p{color:#4b5563;margin:8px 0 0}.video-player{margin-top:20px}.video-file{background:#000;border-radius:16px;width:100%;max-width:1126px;height:860px}.video-note{color:#374151;margin-top:20px;font-size:14px}.video-download{color:#fff;background:#c0392b;border-radius:10px;margin-top:10px;padding:12px 20px;text-decoration:none;display:inline-block}@media (width<=1200px){.video-file{height:720px}}@media (width<=900px){.video-file{height:540px}}@media (width<=640px){.video-file{height:320px}}.login-page{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 280px);padding:32px 16px;display:flex}.login-container{background:#fff;border-radius:24px;width:100%;max-width:960px;animation:.5s loginFadeUp;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000014,0 12px 48px #b91c1c14}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-panel-left{color:#fff;background:linear-gradient(160deg,#b91c1c 0%,#dc2626 40%,#ef4444 100%);flex-direction:column;flex:0 0 380px;justify-content:space-between;min-height:500px;padding:42px 36px;display:flex;position:relative;overflow:hidden}.panel-left-content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.panel-logo{margin-bottom:28px}.panel-title{letter-spacing:2px;color:#fff;text-align:left;margin:0 0 4px;font-size:26px;font-weight:700}.panel-subtitle{opacity:.85;text-align:left;letter-spacing:1px;margin:0 0 36px;font-size:14px}.panel-features{flex-direction:column;flex:1;gap:18px;display:flex}.panel-feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.panel-feature:hover{background:#ffffff2e;transform:translate(4px)}.feature-icon{background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-text{text-align:left;flex-direction:column;gap:2px;display:flex}.feature-title{font-size:14px;font-weight:600}.feature-desc{opacity:.75;font-size:12px}.panel-footer-text{margin-top:auto;padding-top:24px}.panel-back-link{color:#fffc;background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .3s;display:inline-flex}.panel-back-link:hover{color:#fff;background:#ffffff26;gap:12px}.panel-bg-decor{pointer-events:none;z-index:0;position:absolute;inset:0}.decor-circle{background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;position:absolute}.decor-circle.c1{width:300px;height:300px;top:-80px;left:-80px}.decor-circle.c2{width:400px;height:400px;bottom:-120px;right:-60px}.decor-circle.c3{background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);width:180px;height:180px;top:40%;right:-40px}.login-panel-right{flex:1;justify-content:center;align-items:center;min-height:500px;padding:42px 40px;display:flex}.login-form-wrapper{width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:32px}.login-header-icon{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 4px 12px #b91c1c1f}.login-title{color:#1a1a1a;letter-spacing:.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-desc{color:#888;margin:0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-label-row{justify-content:space-between;align-items:center;display:flex}.input-label{color:#444;text-align:left;font-size:13px;font-weight:600}.forgot-link{color:#b91c1c;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#991b1b;text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#aaa;pointer-events:none;z-index:1;transition:color .3s;position:absolute;left:14px}.input-wrapper:focus-within .input-icon{color:#b91c1c}.input-field{width:100%;font:inherit;color:#333;box-sizing:border-box;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;padding:13px 14px 13px 44px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field::placeholder{color:#bbb;font-size:13px}.input-field:focus{background:#fff;border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c1a}.input-field:-webkit-autofill{-webkit-text-fill-color:#333;-webkit-box-shadow:inset 0 0 0 30px #fafafa}.password-toggle{cursor:pointer;color:#aaa;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;right:10px}.password-toggle:hover{color:#666;background:#0000000a}.input-remember{padding:2px 0}.remember-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.remember-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.remember-checkmark{background:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .25s;display:flex}.remember-checkbox:checked+.remember-checkmark{background:#b91c1c;border-color:#b91c1c}.remember-checkbox:checked+.remember-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin-top:-2px;transform:rotate(45deg)}.remember-checkbox:focus-visible+.remember-checkmark{box-shadow:0 0 0 3px #b91c1c33}.remember-text{color:#666;font-size:13px}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;animation:.4s errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-btn{cursor:pointer;width:100%;font:inherit;color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,#ef4444 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #b91c1c40}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.login-btn:hover:before{left:100%}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #b91c1c59}.login-btn:active{transform:translateY(0);box-shadow:0 2px 12px #b91c1c33}.login-btn:disabled{opacity:.85;cursor:not-allowed;transform:none}.login-btn.loading{pointer-events:none}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:20px}.login-footer-text{color:#888;font-size:13px}.register-link{color:#b91c1c;font-weight:600;text-decoration:none;transition:all .2s}.register-link:hover{color:#991b1b;text-decoration:underline}.login-divider{align-items:center;gap:16px;margin-top:24px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.login-divider span{color:#999;white-space:nowrap;font-size:12px}.social-login{gap:12px;margin-top:16px;display:flex}.social-btn{cursor:pointer;font:inherit;color:#555;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-btn:hover{background:#fafafa;border-color:#ccc;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.social-btn:active{transform:translateY(0)}.social-btn.vneid{color:#1a56db}.social-btn.vneid:hover{background:#f0f5ff;border-color:#1a56db}.social-btn.dvc{color:#b91c1c}.social-btn.dvc:hover{background:#fef2f2;border-color:#b91c1c}@media (width<=768px){.login-panel-left{display:none}.login-panel-right{border-radius:20px;min-height:auto;padding:32px 24px}.login-container{max-width:460px}.login-form-wrapper{max-width:100%}.login-title{font-size:22px}.login-forgot-btn,.login-field label{font-size:13px}}@media (width<=480px){.login-page{padding:12px 8px}.login-panel-right{border-radius:16px;padding:24px 16px}.login-header-icon{width:48px;height:48px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.login-field input{padding:12px 14px;font-size:14px}.login-btn{min-height:48px;padding:12px;font-size:14px}.social-login{flex-direction:column;gap:8px}.social-btn{justify-content:center;width:100%;min-height:44px}}.admin-page-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 280px);padding:32px 16px;display:flex}.admin-page-card{background:#fff;border-radius:24px;width:100%;max-width:760px;animation:.5s loginFadeUp;overflow:hidden;box-shadow:0 4px 24px #00000014,0 12px 48px #b91c1c0f}.admin-page-header{color:#fff;background:linear-gradient(135deg,#1a365d 0%,#1e4976 50%,#2c5282 100%);align-items:center;gap:16px;padding:28px 32px;display:flex}.admin-page-header-icon{background:#ffffff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.admin-page-header-text{flex-direction:column;gap:2px;display:flex}.admin-page-header-title{letter-spacing:.5px;font-size:20px;font-weight:700}.admin-page-header-sub{opacity:.8;font-size:13px}.admin-page-body{padding:32px}.user-list-section{margin-top:32px}.user-list-title{color:#333;text-align:left;margin:0 0 16px;font-size:16px;font-weight:600}.user-table{border-collapse:collapse;width:100%;font-size:14px}.user-table th{text-align:left;color:#555;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:12px 14px;font-size:12px;font-weight:600}.user-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:12px 14px}.user-table tr:hover td{background:#fafafa}.role-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-badge.super-admin{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.role-badge.admin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.role-badge.dangvien{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.delete-btn{cursor:pointer;color:#dc2626;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:13px;transition:all .2s}.delete-btn:hover{background:#fef2f2}.empty-users{text-align:center;color:#999;padding:40px 20px;font-size:14px}@media (width<=600px){.admin-page-body,.admin-page-header{padding:20px}.user-table{font-size:13px}.user-table th,.user-table td{padding:8px 10px}}.pb-page{box-sizing:border-box;width:100%;max-width:1126px;margin:0 auto;padding:24px}.pb-banner{color:#5a3e00;background:linear-gradient(135deg,#fdf4d6 0%,#f8e8b0 50%,#f5e09a 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 28px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 14px #f8b32040}.pb-banner:hover{transform:translateY(-2px);box-shadow:0 0 20px #f8b3204d,0 8px 25px #f8b32033}.pb-banner-left{align-items:center;gap:16px;display:flex}.pb-icon{color:#5a3e00;background:#5a3e001a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.pb-banner:hover .pb-icon{transform:scale(1.05)rotate(-4deg)}.pb-title{color:#5a3e00;margin:0;font-size:22px;font-weight:700;line-height:1.3}.pb-count{background:#5a3e0014;border-radius:30px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.pb-banner:hover .pb-count{transform:scale(1.05)}.pb-count-num{color:#5a3e00;font-size:20px;font-weight:800;line-height:1}.pb-count-label{color:#5a3e00b3;font-size:13px;font-weight:600}.pb-content{text-align:left}@media (width<=768px){.pb-page{padding:16px 12px}.pb-banner{border-radius:16px;gap:10px;margin-bottom:20px;padding:14px 18px}.pb-banner-left{flex:1;gap:10px;min-width:0}.pb-icon{border-radius:12px;width:42px;height:42px;font-size:20px}.pb-title{text-align:left;min-width:0;font-size:20px}.pb-count{flex-shrink:0;padding:6px 14px}.pb-count-num{font-size:17px}.pb-count-label{font-size:12px}}@media (width<=480px){.pb-page{padding:12px 8px}.pb-banner{border-radius:14px;gap:8px;margin-bottom:16px;padding:12px 14px}.pb-banner-left{gap:8px}.pb-icon{border-radius:10px;width:36px;height:36px;font-size:17px}.pb-title{font-size:20px}.pb-count{padding:5px 12px}.pb-count-num{font-size:16px}.pb-count-label{font-size:11px}}.pagination{justify-content:center;align-items:center;gap:8px;width:100%;padding:32px 0 8px;display:flex}.pagination-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#900;background:#fef2f2;border-color:#900}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-page{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-page:hover{color:#900;background:#fef2f2;border-color:#900}.pagination-page.active{color:#fff;background:#900;border-color:#900}.pagination-ellipsis{color:#999;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:32px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=480px){.pagination{gap:6px;padding:24px 0 4px}.pagination-btn{min-height:36px;padding:6px 12px;font-size:12px}.pagination-btn span{display:none}.pagination-page{width:36px;height:36px;font-size:13px}.pagination-ellipsis{width:24px}}.hdnd-page{box-sizing:border-box;width:100%;max-width:1126px;margin:0 auto;padding:24px}.hdnd-header{margin-bottom:32px}.hdnd-header h1{color:#900;text-align:left;margin:0 0 8px;font-size:28px;font-weight:800}.hdnd-header p{color:#666;text-align:left;margin:0;font-size:15px}.hdnd-search-wrap{width:100%;max-width:400px;margin-bottom:20px;position:relative}.hdnd-search-icon{color:#9ca3af;pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.hdnd-search-input{color:#333;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 36px 10px 40px;font-family:inherit;font-size:14px;transition:border-color .2s}.hdnd-search-input:focus{border-color:#900}.hdnd-search-input::placeholder{color:#aaa}.hdnd-search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:20px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hdnd-search-clear:hover{color:#900}.hdnd-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.hdnd-card-link-wrap{color:inherit;text-decoration:none;display:block}.hdnd-card{background:#fff;border:1px solid #eee;border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 12px #0000000f}.hdnd-card:hover{border-color:#99000026;transform:translateY(-6px);box-shadow:0 8px 30px #9900001f}.hdnd-card-image{width:100%;height:180px;position:relative;overflow:hidden}.latest-news-cat{color:#5a3e00;letter-spacing:.3px;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8b320eb;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;transition:all .3s;position:absolute;bottom:6px;left:6px}.hdnd-card-img{object-fit:cover;width:100%;height:100%}.hdnd-card-img-placeholder{color:#ffffff4d;letter-spacing:4px;background:linear-gradient(135deg,#900 0%,#c0392b 50%,#e74c3c 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:800;display:flex}.hdnd-card-body{text-align:left;padding:18px 20px 22px}.hdnd-card-date{color:#999;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.hdnd-card-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.hdnd-card:hover .hdnd-card-title{color:#900}.hdnd-card-excerpt{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.hdnd-card-link{color:#900;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.hdnd-card-link:hover{gap:8px;text-decoration:underline}@media (width<=768px){.hdnd-page{padding:16px 12px}.hdnd-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hdnd-header{margin-bottom:20px}.hdnd-header h1{font-size:22px}.hdnd-card-image{height:120px}.hdnd-card-body{padding:12px 14px 16px}.hdnd-card-title{font-size:14px}.hdnd-card-excerpt{-webkit-line-clamp:1;margin-bottom:10px;font-size:12px}.hdnd-card-date{font-size:11px}}@media (width<=480px){.hdnd-page{padding:12px 8px}.hdnd-grid{grid-template-columns:1fr;gap:12px}.hdnd-card-image{height:160px}.hdnd-header h1{font-size:20px}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}.pdfv{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;height:75vh;max-height:900px;display:flex;overflow:hidden}.pdfv-toolbar{background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;display:flex}.pdfv-toolbar-group{align-items:center;gap:2px;display:flex}.pdfv-toolbar-divider{background:#d0d0d0;flex-shrink:0;width:1px;height:24px;margin:0 4px}.pdfv-tb-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;text-decoration:none;transition:all .12s;display:flex}.pdfv-tb-btn:hover:not(:disabled){color:#222;background:#e8e8e8}.pdfv-tb-btn:active:not(:disabled){background:#d0d0d0}.pdfv-tb-btn:disabled{opacity:.3;cursor:default}.pdfv-tb-btn[data-active=true]{color:#900;background:#e8e8e8}.pdfv-page-info{color:#444;white-space:nowrap;align-items:center;gap:2px;margin:0 2px;font-size:13px;display:flex}.pdfv-page-input{text-align:center;-moz-appearance:textfield;border:1px solid #ccc;border-radius:4px;outline:none;width:36px;height:26px;padding:0;font-family:inherit;font-size:13px}.pdfv-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdfv-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pdfv-page-input:focus{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c26}.pdfv-page-total{color:#999;font-size:12px}.pdfv-zoom-level{color:#666;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:34px;padding:0 4px;font-size:12px}.pdfv-zoom-level:hover{color:#900}.pdfv-findbar{color:#666;background:#fff8e1;border-bottom:1px solid #e0d5b0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.pdfv-find-input{background:#fff;border:1px solid #d0c8a0;border-radius:4px;outline:none;flex:1;max-width:280px;padding:4px 8px;font-family:inherit;font-size:13px}.pdfv-find-input:focus{border-color:#b91c1c}.pdfv-find-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.pdfv-find-close:hover{color:#333;background:#e8e8e8}.pdfv-pages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;overflow:auto}.pdfv-pages .pdfv-loading{color:#555;text-align:center;padding:40px 0}.pdfv-pages .pdfv-error p{margin:0 0 16px;font-size:15px}.pdfv-pages .react-pdf__Page{margin:8px 0;box-shadow:0 1px 6px #0000001f}.pdfv-pages .react-pdf__Page canvas{display:block}.pdfv-dl-btn{color:#fff;background:#b91c1c;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.pdfv-dl-btn:hover{background:#991b1b}@media (width<=768px){.pdfv{height:80vh;max-height:none}.pdfv-toolbar{padding:4px 8px}.pdfv-tb-btn{width:40px;height:40px;min-height:44px}}@media (width<=480px){.pdfv{height:80vh}}.pdfv-phongthi{height:50vh;max-height:500px}@media (width<=768px){.pdfv-phongthi{height:45vh;max-height:none}}.gioithieu-list{flex-direction:column;gap:32px;display:flex}.gioithieu-article{background:#fff;border-radius:12px;padding:28px 32px;position:relative;box-shadow:0 2px 12px #0000000f}.gioithieu-admin-actions{gap:8px;margin-bottom:16px;display:flex}.gioithieu-edit-btn,.gioithieu-delete-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.gioithieu-edit-btn{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.gioithieu-edit-btn:hover{background:#dcfce7}.gioithieu-delete-btn{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.gioithieu-delete-btn:hover{background:#fee2e2}.gioithieu-delete-btn:disabled{opacity:.6;cursor:not-allowed}.gioithieu-image{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin-bottom:20px}.gioithieu-title{color:#900;margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.3}.gioithieu-content{color:#334155;font-size:15px;line-height:1.8}.gioithieu-content p{margin:0 0 12px}.gioithieu-content img{border-radius:8px;max-width:100%;height:auto;margin:12px auto;display:block}.gioithieu-content table{border-collapse:collapse;width:100%;margin:12px 0}.gioithieu-content th,.gioithieu-content td{text-align:left;border:1px solid #e2e8f0;padding:8px 12px}.gioithieu-content th{background:#f8fafc;font-weight:700}@media (width<=768px){.gioithieu-article{padding:20px 16px}.gioithieu-title{font-size:18px}.gioithieu-content{font-size:14px}}.lich-page{box-sizing:border-box;justify-content:center;width:100%;min-height:calc(100vh - 280px);padding:32px 16px;display:flex}.lich-container{width:100%;max-width:900px}.lich-title{color:#900;text-align:left;margin:0 0 24px;font-size:24px;font-weight:750}.lich-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.lich-top-bar{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 0;display:flex}.lich-info{flex:1}.lich-name{color:#1a1a1a;margin:0 0 6px;font-size:18px;font-weight:700}.lich-date{color:#888;align-items:center;gap:4px;font-size:13px;display:flex}.lich-admin-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lich-edit-btn,.lich-delete-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.lich-edit-btn{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.lich-edit-btn:hover{background:#e0e7ff}.lich-delete-btn{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.lich-delete-btn:hover{background:#fee2e2}.lich-delete-btn:disabled{opacity:.6;cursor:not-allowed}.lich-empty{text-align:center;color:#999;padding:60px 0;font-size:15px}@media (width<=768px){.lich-page{padding:16px 12px}.lich-title{margin-bottom:14px;font-size:20px}.lich-top-bar{flex-direction:column;gap:10px;padding:14px 14px 0}.lich-admin-actions{gap:8px;width:100%;display:flex}.lich-edit-btn,.lich-delete-btn{flex:1;justify-content:center;min-height:44px;padding:10px 12px;font-size:12px}.lich-list{gap:10px}.lich-empty{padding:40px 0;font-size:14px}}@media (width<=480px){.lich-page{padding:12px 8px}.lich-title{font-size:16px}.lich-name{font-size:15px}}.course-detail{flex-direction:column;gap:24px;display:flex}.course-detail-header{background:#fff;border:1px solid #eee;border-radius:14px;gap:24px;padding:20px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #0000000a}.course-detail-header:hover{border-color:#9900001f;transform:translateY(-4px);box-shadow:0 6px 24px #9900001a}.course-detail-thumb{border-radius:10px;flex-shrink:0;width:240px;min-height:160px;overflow:hidden}.course-detail-placeholder{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);width:100%;height:100%;min-height:160px}.course-detail-img{object-fit:cover;width:100%;height:100%;min-height:160px;display:block}.course-detail-info{flex-direction:column;flex:1;gap:12px;display:flex}.course-detail-title{color:#333;margin:0;font-size:20px;font-weight:800;line-height:1.3}.course-detail-meta{flex-wrap:wrap;gap:12px 20px;display:flex}.course-detail-meta-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.course-detail-meta-item i{color:#900;font-size:15px}.course-detail-meta-item strong{color:#333}.course-detail-desc{color:#666;margin:0;font-size:14px;line-height:1.6}.course-detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.course-detail-join,.course-detail-stats-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.course-detail-join{color:#fff;background:#900}.course-detail-join:hover{background:#b00;box-shadow:0 4px 16px #9900004d}.course-detail-stats-btn{color:#92400e;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex}.course-detail-stats-btn:hover{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 3px 12px #f8b32040}.course-detail-stats-btn:active{transform:translateY(0)}.course-detail-stats-btn i:first-child{color:#d69e2e;font-size:16px}.course-detail-stats-btn i:last-child{margin-left:2px;font-size:11px;transition:transform .3s}.course-detail-stats-btn.active{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);border-color:#fbbf24;box-shadow:0 2px 8px #f8b32033}.course-detail-join i{font-size:16px}.course-stats-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:0;animation:.35s ease-out statsFadeIn;overflow:hidden;box-shadow:0 2px 12px #0000000a}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.course-stats-accent{background:linear-gradient(90deg,#900,#d69e2e,#900);width:100%;height:4px}.course-stats-body{padding:20px 24px 24px}.course-stats-heading{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.course-stats-heading-left{align-items:center;gap:10px;display:flex}.course-stats-heading-left i{color:#d69e2e;font-size:22px}.course-stats-heading-left h3{color:#900;margin:0;font-size:17px;font-weight:800}.course-stats-total{color:#92400e;white-space:nowrap;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.course-stats-total i{color:#d69e2e;font-size:14px}.course-stats-total strong{color:#78350f;font-size:15px}.course-stats-tables{grid-template-columns:1fr 1fr;gap:24px;display:grid}.course-stats-col-title{color:#900;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.course-stats-col-title i{color:#d69e2e;font-size:16px}.course-stats-viewall{color:#900;text-transform:none;letter-spacing:0;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s}.course-stats-viewall:hover{background:#fee2e2;border-color:#fca5a5}.course-stats-table-wrap{border:1px solid #f0f0f0;border-radius:10px;overflow-x:auto}.course-stats-table{border-collapse:collapse;width:100%;font-size:13px}.course-stats-table th{color:#666;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#faf7f0;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:700}.course-stats-table td{color:#444;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:10px 14px}.course-stats-table tbody tr:last-child td{border-bottom:none}.course-stats-table tbody tr{transition:background .2s}.course-stats-table tbody tr:hover{background:#fdfbf7}.course-stats-table .col-rank{width:44px}.course-stats-table .col-score{text-align:right;width:60px}.course-stats-table .col-count{text-align:center;width:60px}.course-stats-table .score-value{color:#900;font-size:15px;font-weight:800}.course-stats-table .count-value{color:#92400e;background:#fef3c7;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.course-stats-unit-name,.course-stats-participant-name{color:#333;font-weight:600}.rank-medal{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.rank-medal.gold{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #f59e0b59}.rank-medal.silver{color:#4b5563;background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 2px 6px #9ca3af40}.rank-medal.bronze{color:#fff;background:linear-gradient(135deg,#d4a056,#b8862d);box-shadow:0 2px 6px #b8862d4d}.rank-medal.neutral{color:#6b7280;background:#f3f4f6;font-size:11px}.course-stats-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.course-stats-empty i{color:#d1d5db;font-size:36px}.course-stats-empty p{margin:0;font-size:14px;font-weight:500}@media (width<=768px){.course-detail-page{padding:16px}.course-detail-header{border-radius:14px;flex-direction:column;gap:16px;padding:16px}.course-detail-thumb{width:100%;min-height:140px}.course-detail-title{font-size:17px}.course-detail-meta{gap:8px 14px}.course-detail-meta-item{font-size:12px}.course-detail-desc{font-size:13px}.course-stats-body{padding:16px}.course-stats-heading{flex-direction:column;align-items:flex-start;gap:8px}.course-stats-heading h3{font-size:16px}.course-stats-tables{grid-template-columns:1fr;gap:20px}.course-stats-table{font-size:13px}.course-stats-table th,.course-stats-table td{padding:8px 10px}.course-stats-table .tk-medal{width:24px;height:24px;font-size:11px}}.admin-add-btn{color:#fff;font:inherit;cursor:pointer;background:#900;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.admin-add-btn:hover{background:#700;transform:translateY(-1px)}.admin-add-btn:disabled{opacity:.6;cursor:not-allowed}.admin-sm-btn{color:#666;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.admin-sm-btn:hover{color:#900;border-color:#900}.admin-sm-btn-danger:hover{color:#dc2626;border-color:#dc2626}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0003}.admin-modal h3{color:#333;margin:0 0 20px;font-size:18px;font-weight:700}.admin-modal-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.admin-modal-field label{color:#555;font-size:13px;font-weight:600}.admin-modal-field input,.admin-modal-field textarea{font:inherit;border:1px solid #d0d0d0;border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .2s}.admin-modal-field input:focus,.admin-modal-field textarea:focus{border-color:#900;outline:none}.admin-file-btn{color:#fff;font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.admin-file-btn:hover{background:#d32f2f}.admin-config-btn{color:#900;background:#fef2f2;border-color:#900}.admin-config-btn:hover{color:#fff;background:#900}@media (width<=768px){.admin-modal-overlay{align-items:flex-start;padding-top:40px}.admin-modal{max-width:100%;max-height:80vh;margin:0 12px;padding:20px}.admin-modal h3{font-size:16px}}.phongthi-content{text-align:left}.phongthi-layout{align-items:flex-start;gap:24px;display:flex}.phongthi-left{flex-direction:column;flex:7;gap:12px;min-width:0;display:flex}.phongthi-right{flex:3;min-width:0}.phongthi-back-wrap{margin-bottom:16px}.phongthi-back{cursor:pointer;font:inherit;color:#666;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.phongthi-back:hover{color:#900;border-color:#900}.phongthi-video-card{aspect-ratio:16/9;cursor:pointer;background:#111;border:1px solid #eee;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014}.phongthi-video{object-fit:cover;width:100%;height:100%;display:block}.phongthi-video-overlay{z-index:2;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:background .3s;display:flex;position:absolute;inset:0}.phongthi-video-card:hover .phongthi-video-overlay{background:#0000008c}.phongthi-video-play-btn{color:#fff;background:#990000e6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 4px 20px #9006}.phongthi-video-card:hover .phongthi-video-play-btn{background:#900;transform:scale(1.08)}.phongthi-video-hint{color:#fffc;letter-spacing:1px;font-size:13px;font-weight:600}.phongthi-chapter-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px 24px;box-shadow:0 2px 10px #0000000a}.phongthi-chapter-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.phongthi-chapter-card-title{color:#900;font-size:18px;font-weight:700}.phongthi-chapter-card-nav{gap:8px;display:flex}.phongthi-test-form{margin-top:4px}.phongthi-test-form-title{color:#900;margin-bottom:8px;font-size:15px;font-weight:700}.phongthi-test-form-course{color:#666;margin-bottom:16px;font-size:13px}.phongthi-test-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.phongthi-test-field span{color:#333;font-size:13px;font-weight:600}.phongthi-required{color:#e00}.phongthi-test-field input,.phongthi-test-field select{width:100%;font:inherit;color:#333;box-sizing:border-box;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .2s}.phongthi-test-field input:focus,.phongthi-test-field select:focus{border-color:#900;outline:none}.phongthi-test-field input::placeholder{color:#aaa}.phongthi-test-note{color:#888;margin:-6px 0 16px;font-size:12px;font-style:italic}.phongthi-test-submit{color:#fff;font:inherit;cursor:pointer;background:#e57373;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 28px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.phongthi-test-submit:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 14px #e573734d}.phongthi-join-test-btn{color:#fff;font:inherit;cursor:pointer;background:#e57373;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 28px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.phongthi-join-test-btn:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 14px #e573734d}.phongthi-chapter-nav-btn{font:inherit;color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.phongthi-chapter-nav-btn:hover:not(:disabled){color:#900;border-color:#900}.phongthi-chapter-nav-btn:disabled{opacity:.4;cursor:not-allowed}.phongthi-header-type{color:#5a3e00;text-transform:uppercase;letter-spacing:.5px;background:#5a3e001f;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.phongthi-banner-info{flex-direction:column;align-items:flex-start;display:flex}.phongthi-info-card{background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:16px;padding:24px 28px;display:flex;box-shadow:0 2px 10px #0000000a}.phongthi-section-title{color:#900;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.phongthi-progress-section{flex-direction:column;gap:10px;display:flex}.phongthi-progress-list{flex-direction:column;gap:8px;display:flex}.phongthi-progress-item{cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;transition:all .2s;display:flex}.phongthi-progress-item:hover{background:#f9f9f9}.phongthi-progress-item-active{background:#fef2f2;border-color:#99000026}.phongthi-progress-item-info{justify-content:space-between;align-items:center;display:flex}.phongthi-progress-item-name{color:#333;font-size:13px;font-weight:600}.phongthi-progress-item-pct{color:#16a34a;font-size:12px;font-weight:700}.phongthi-progress-bar-bg{background:#f0f0f0;border-radius:10px;width:100%;height:6px;overflow:hidden}.phongthi-progress-bar-fill{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:10px;height:100%;transition:width .4s}.phongthi-chapter-materials{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:16px}.phongthi-chapter-materials-header{color:#900;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.phongthi-material-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;position:relative;overflow:hidden}.phongthi-material-del{z-index:10;color:#fff;cursor:pointer;opacity:0;background:#dc2626d9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.phongthi-material-item:hover .phongthi-material-del{opacity:1}.phongthi-material-del:hover{background:#dc2626}.phongthi-material-label{color:#666;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-bottom:1px solid #f0f0f0;padding:8px 12px;font-size:12px;font-weight:600;overflow:hidden}.phongthi-file-link{color:#2563eb;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.phongthi-file-link:hover{background:#f0f7ff}.phongthi-materials-inner{flex-direction:column;gap:12px;display:flex}@media (width<=900px){.phongthi-layout{flex-direction:column}.phongthi-left{flex:none;width:100%}.phongthi-video-card{max-width:100%}.phongthi-info-card{padding:20px}.phongthi-info-title{font-size:18px}.phongthi-chapter-card-header{flex-direction:column;align-items:flex-start}.phongthi-chapter-card-nav{justify-content:space-between;width:100%}.phongthi-chapter-materials-header{flex-wrap:wrap;gap:8px}}@media (width<=480px){.pb-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.pb-banner-left{width:100%}.pb-page{padding:12px}.phongthi-chapter-card{padding:14px}.phongthi-chapter-card-title{font-size:16px}.phongthi-chapter-card-nav{gap:6px}.phongthi-chapter-nav-btn{padding:6px 10px;font-size:11px}.phongthi-video-play-btn{width:54px;height:54px}.phongthi-video-play-btn svg{width:22px;height:22px}.phongthi-info-card{padding:16px}.phongthi-section-title{font-size:13px}.phongthi-progress-item{padding:8px 10px}.phongthi-progress-item-name{font-size:12px}.phongthi-test-field input,.phongthi-test-field select{padding:8px 10px;font-size:12px}.phongthi-test-submit,.phongthi-join-test-btn{padding:10px 20px;font-size:13px}.phongthi-material-label{padding:6px 10px;font-size:11px}.phongthi-file-link{padding:10px 12px;font-size:12px}.phongthi-materials-inner{gap:8px}.phongthi-chapter-materials{margin-top:14px;padding-top:12px}.phongthi-chapter-materials-header{flex-direction:column;align-items:flex-start;gap:6px}.phongthi-chapter-materials-header>div{flex-wrap:wrap;width:100%;margin-left:0!important}.admin-sm-btn{padding:6px 10px;font-size:11px}}.lb-layout{align-items:flex-start;gap:24px;display:flex}.lb-main{text-align:left;flex:1;min-width:0}.lb-tracker{flex:0 0 180px;position:sticky;top:24px}.lb-tracker-inner{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;box-shadow:0 2px 10px #0000000a}.lb-tracker-title{color:#900;margin-bottom:12px;font-size:14px;font-weight:700}.lb-tracker-timer{background:#fef9f0;border:1px solid #fde68a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;padding:12px;display:flex}.lb-tracker-timer-label{color:#92400e;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.lb-tracker-timer-value{color:#92400e;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.lb-tracker-timer-warn{color:#dc2626;animation:1s ease-in-out infinite lb-pulse}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.5}}.lb-tracker-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.lb-tracker-item{aspect-ratio:1;color:#666;background:#fff;border:1px solid #d0d0d0;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.lb-tracker-item:hover{color:#900;border-color:#900}.lb-tracker-item-done{color:#fff;background:#e57373;border-color:#e57373}.lb-tracker-item-done:hover{color:#fff;background:#d32f2f;border-color:#d32f2f}.lb-tracker-legend{flex-direction:column;gap:6px;display:flex}.lb-tracker-legend-item{color:#888;align-items:center;gap:8px;font-size:12px;display:flex}.lb-tracker-legend-dot{background:#fff;border:1px solid #d0d0d0;border-radius:4px;flex-shrink:0;width:14px;height:14px}.lb-tracker-legend-done{background:#e57373;border-color:#e57373}.lb-back-wrap{margin-bottom:16px}.lb-back{cursor:pointer;font:inherit;color:#666;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.lb-back:hover{color:#900;border-color:#900}.lb-header-type{color:#5a3e00;text-transform:uppercase;letter-spacing:.5px;background:#5a3e001f;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.lb-banner-info{flex-direction:column;align-items:flex-start;display:flex}.lb-result{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:15px;display:flex}.lb-questions{flex-direction:column;gap:16px;display:flex}.lb-question{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px 24px;scroll-margin-top:120px;box-shadow:0 2px 10px #0000000a}.lb-question-header{align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.lb-question-num{color:#900;white-space:nowrap;font-size:15px;font-weight:700}.lb-question-text{color:#333;font-size:15px;font-weight:600;line-height:1.4}.lb-options{flex-direction:column;gap:8px;display:flex}.lb-option{cursor:pointer;color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.lb-option:hover{background:#fafafa;border-color:#cbd5e1}.lb-option-selected{background:#fef2f2;border-color:#900}.lb-option-letter{color:#900;flex-shrink:0;width:20px;font-weight:700}.lb-option-icon{color:#16a34a;flex-shrink:0;margin-left:auto}.lb-option-icon-wrong{color:#dc2626}.lb-option-correct{background:#f0fdf4;border-color:#86efac}.lb-option-wrong{background:#fef2f2;border-color:#fca5a5}.lb-option-dim{opacity:.5}.lb-submit{color:#fff;font:inherit;cursor:pointer;background:#e57373;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:20px;padding:14px 36px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.lb-submit:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 14px #e573734d}.lb-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lb-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:36px 32px 28px;position:relative;box-shadow:0 20px 60px #0003}.lb-modal-close{cursor:pointer;color:#999;background:0 0;border:none;transition:color .2s;position:absolute;top:12px;right:12px}.lb-modal-close:hover{color:#333}.lb-modal-icon{color:#16a34a;margin-bottom:12px}.lb-modal-title{color:#333;margin:0 0 16px;font-size:20px;font-weight:700}.lb-modal-score{justify-content:center;align-items:baseline;gap:4px;margin-bottom:20px;display:flex}.lb-modal-score-value{color:#900;font-size:56px;font-weight:800;line-height:1}.lb-modal-score-max{color:#aaa;font-size:22px;font-weight:700}.lb-modal-stats{justify-content:center;gap:24px;margin-bottom:24px;display:flex}.lb-modal-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.lb-modal-stat-label{color:#888;text-transform:uppercase;font-size:12px;font-weight:600}.lb-modal-stat-value{color:#333;font-size:22px;font-weight:800}.lb-modal-stat-correct{color:#16a34a}.lb-modal-stat-wrong{color:#dc2626}.lb-modal-btn{color:#fff;font:inherit;cursor:pointer;background:#900;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 32px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.lb-modal-btn:hover{background:#700;transform:translateY(-1px)}@media (width<=768px){.lb-layout{flex-direction:column;position:relative}.lb-tracker{z-index:100;flex:none;order:-1;width:100%;position:sticky;top:48px}.lb-tracker-inner{border-radius:0 0 14px 14px;padding:12px 14px;box-shadow:0 2px 12px #00000014}.lb-tracker-title{margin-bottom:8px;font-size:12px}.lb-tracker-timer{flex-direction:row;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.lb-tracker-timer-label{font-size:10px}.lb-tracker-timer-value{font-size:18px}.lb-tracker-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:10px}.lb-tracker-item{font-size:11px}.lb-tracker-legend{flex-direction:row;gap:12px}.lb-tracker-legend-item{font-size:11px}.lb-main{padding-top:8px}.lb-question{padding:14px 16px}.lb-question-text{font-size:14px}.lb-option{padding:10px 12px;font-size:13px}.lb-submit{width:100%}}@media (width<=480px){.pb-page{padding:8px}.pb-banner{border-radius:14px;padding:12px 14px}.pb-banner-left{gap:10px}.pb-icon{width:36px;height:36px;font-size:18px}.lb-tracker{top:44px}.lb-tracker-inner{padding:10px 12px}.lb-tracker-timer{padding:6px 10px}.lb-tracker-timer-value{font-size:16px}.lb-tracker-grid{grid-template-columns:repeat(6,1fr);gap:4px}.lb-tracker-item{font-size:10px}.lb-tracker-legend{gap:8px}.lb-tracker-legend-item{font-size:10px}.lb-tracker-legend-dot{width:10px;height:10px}.lb-question{border-radius:12px;padding:12px 14px}.lb-question-num,.lb-question-text{font-size:13px}.lb-option{border-radius:8px;gap:8px;padding:8px 10px;font-size:12px}.lb-option-letter{width:16px;font-size:12px}.lb-submit{padding:12px 20px;font-size:14px}.lb-result{padding:10px 14px;font-size:13px}.lb-modal{padding:24px 16px 20px}.lb-modal-title{font-size:17px}.lb-modal-score-value{font-size:40px}.lb-modal-score-max{font-size:18px}.lb-modal-stats{gap:16px}.lb-modal-stat-value{font-size:18px}}.tk-page{box-sizing:border-box;width:100%;max-width:1126px;margin:0 auto;padding:24px}.tk-header{gap:12px;margin-bottom:20px;display:flex}.tk-back,.tk-home{cursor:pointer;font:inherit;color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tk-back:hover,.tk-home:hover{color:#900;border-color:#900}.tk-hero{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 50%,#fde68a 100%);border:1px solid #fcd34d;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.tk-hero-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.tk-hero-text{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.tk-hero-type{color:#5a3e00;text-transform:uppercase;letter-spacing:.5px;background:#5a3e001f;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.tk-hero-title{color:#78350f;margin:0;font-size:20px;font-weight:800;line-height:1.3}.tk-hero-badge{color:#92400e;white-space:nowrap;background:#ffffffb3;border:1px solid #fcd34d;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.tk-hero-badge strong{color:#78350f;font-size:16px}.tk-search-wrap{margin-bottom:24px;position:relative}.tk-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tk-search{width:100%;font:inherit;color:#333;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 40px 12px 44px;font-size:14px;transition:all .2s}.tk-search:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1f}.tk-search::placeholder{color:#b0b0b0}.tk-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tk-search-clear:hover{color:#666}.tk-grid{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.tk-col-title{color:#900;border-bottom:2px solid #fef3c7;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:12px;font-size:15px;font-weight:700;display:flex}.tk-col-count{color:#92400e;background:#fef3c7;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.tk-table-wrap{border:1px solid #f0f0f0;border-radius:12px;overflow-x:auto}.tk-table{border-collapse:collapse;width:100%;font-size:13px}.tk-table th{color:#666;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#faf7f0;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:700}.tk-table td{color:#444;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:10px 14px}.tk-table tbody tr:last-child td{border-bottom:none}.tk-table tbody tr{transition:background .2s}.tk-table tbody tr:hover{background:#fdfbf7}.tk-col-rank{width:40px}.tk-col-score{text-align:right;width:60px}.tk-col-count,.tk-col-detail{text-align:center;width:80px}.tk-medal{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.tk-medal.gold{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #f59e0b59}.tk-medal.silver{color:#4b5563;background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 2px 6px #9ca3af40}.tk-medal.bronze{color:#fff;background:linear-gradient(135deg,#d4a056,#b8862d);box-shadow:0 2px 6px #b8862d4d}.tk-medal.neutral{color:#6b7280;background:#f3f4f6;font-size:11px}.tk-name{color:#333;font-weight:600}.tk-unit{color:#777;font-size:12px}.tk-unit-name{color:#333;font-weight:600}.tk-score{color:#900;font-size:15px;font-weight:800}.tk-detail{color:#888;font-size:12px;font-weight:600}.tk-count-pill{color:#92400e;background:#fef3c7;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.tk-empty{color:#9ca3af;justify-content:center;align-items:center;padding:48px 20px;font-size:14px;font-weight:500;display:flex}@media (width<=900px){.tk-grid{grid-template-columns:1fr}.tk-hero{flex-wrap:wrap}.tk-hero-title{font-size:17px}.tk-hero-badge{justify-content:center;width:100%}}@media (width<=480px){.tk-page{padding:12px}.tk-hero{border-radius:16px;gap:10px;padding:14px}.tk-hero-icon{width:36px;height:36px}.tk-hero-icon svg{width:18px;height:18px}.tk-hero-title{font-size:14px}.tk-hero-type{font-size:11px}.tk-search{padding:10px 36px 10px 38px;font-size:13px}.tk-table th,.tk-table td{padding:8px;font-size:12px}.tk-col-title{font-size:14px}.tk-empty{padding:32px 16px;font-size:13px}}.tao-bai-page{box-sizing:border-box;justify-content:center;width:100%;min-height:calc(100vh - 280px);padding:32px 16px;display:flex}.tao-bai-container{width:100%;max-width:800px}.tao-bai-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.tao-bai-back{cursor:pointer;font:inherit;color:#666;background:0 0;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.tao-bai-back:hover{color:#b91c1c;border-color:#b91c1c}.tao-bai-title{color:#1a1a1a;margin:0;font-size:22px;font-weight:700}.tao-bai-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.tao-bai-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.tao-bai-form{text-align:left;flex-direction:column;gap:20px;display:flex}.tao-bai-field{flex-direction:column;gap:6px;display:flex}.tao-bai-label{color:#444;text-align:left;font-size:14px;font-weight:600}.tao-bai-input{font:inherit;color:#333;text-align:left;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.tao-bai-input:focus{border-color:#b91c1c}.tao-bai-editor-wrapper{border:1.5px solid #e5e7eb;border-radius:10px;transition:border-color .2s;overflow:hidden}.tao-bai-editor-wrapper:focus-within{border-color:#b91c1c}.tao-bai-toolbar{background:#fafafa;border-bottom:1px solid #e5e7eb;align-items:center;gap:4px;padding:8px 10px;display:flex}.tb-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.tb-btn:hover{color:#1a1a1a;background:#e5e7eb}.tb-btn.active{color:#fff;background:#b91c1c}.tb-divider{background:#e5e7eb;width:1px;height:20px;margin:0 4px}.tb-group{align-items:center;gap:2px;display:flex}.tb-btn sub{margin-left:1px;font-size:9px;line-height:1}.tao-bai-editor{color:#333;outline:none;min-height:280px;padding:14px 16px;font-size:15px;line-height:1.7}.tao-bai-editor p{margin:0 0 8px}.tao-bai-editor p:last-child{margin-bottom:0}.tao-bai-editor img.ProseMirror-selectednode{outline-offset:2px;outline:3px solid #b91c1c}.tb-image-wrap{justify-content:center;max-width:100%;margin:8px 0;line-height:0;display:flex;position:relative}.tb-image-wrap img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:500px}.tb-image-del{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.tb-image-wrap:hover .tb-image-del,.tb-image-selected .tb-image-del{opacity:1}.tb-image-del:hover{background:#b91c1c}.tb-pdf-wrap{border:2px solid #0000;border-radius:10px;margin:16px 0;transition:border-color .2s;display:block;position:relative}.tb-pdf-wrap.tb-pdf-selected{border-color:#f8b320}.tb-pdf-viewer{pointer-events:none}.tb-pdf-del{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.tb-pdf-wrap:hover .tb-pdf-del,.tb-pdf-selected .tb-pdf-del{opacity:1}.tb-pdf-del:hover{background:#b91c1c}.tao-bai-editor strong{font-weight:700}.tao-bai-editor em{font-style:italic}.tao-bai-editor ul,.tao-bai-editor ol{margin:8px 0;padding-left:24px}.tao-bai-editor li{margin-bottom:4px}.tao-bai-editor h1,.tao-bai-editor h2,.tao-bai-editor h3{color:#1a1a1a;margin:16px 0 8px}.tao-bai-editor blockquote{color:#666;border-left:3px solid #d1d5db;margin:12px 0;padding-left:14px;font-style:italic}.tao-bai-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#bbb;pointer-events:none;height:0}.tao-bai-upload{width:100%}.tao-bai-upload-box{cursor:pointer;color:#888;text-align:center;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;transition:all .2s;display:flex}.tao-bai-upload-box:hover{color:#b91c1c;background:#fef2f2;border-color:#b91c1c}.tao-bai-hint{color:#aaa;font-size:12px}.tao-bai-preview{max-width:100%;display:inline-block;position:relative}.tao-bai-preview img{object-fit:cover;border:1px solid #e5e7eb;border-radius:12px;max-width:100%;max-height:400px}.tao-bai-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.tao-bai-remove:hover{background:#b91c1ccc}.tb-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tb-overlay-content{background:#fff;border-radius:16px;width:100%;max-width:600px;animation:.2s tbFadeIn;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes tbFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tb-overlay-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tb-overlay-title{color:#1a1a1a;font-size:15px;font-weight:600}.tb-overlay-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.tb-overlay-close:hover{color:#333;background:#f3f4f6}.tb-overlay-img{object-fit:contain;box-sizing:border-box;width:100%;max-height:400px;padding:20px;display:block}.tb-overlay-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.tb-overlay-btn{cursor:pointer;font:inherit;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tb-overlay-btn.primary{color:#fff;background:#b91c1c}.tb-overlay-btn.primary:hover{background:#991b1b}.tb-overlay-btn.secondary{color:#666;background:#f3f4f6}.tb-overlay-btn.secondary:hover{color:#333;background:#e5e7eb}.tao-bai-submit{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,#ef4444 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #b91c1c40}.tao-bai-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #b91c1c59}.tao-bai-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.pdf-upload-preview{border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.pdf-upload-header{background:#fafafa;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pdf-upload-info{color:#555;align-items:center;gap:8px;font-size:13px;display:flex}.pdf-upload-viewer{width:100%;height:400px}.pdf-preview-iframe{border:none;width:100%;height:100%}.pdf-reupload-btn{color:#b91c1c;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.pdf-reupload-btn:hover{background:#fef2f2}.chitiet-page{box-sizing:border-box;justify-content:center;width:100%;min-height:calc(100vh - 280px);padding:32px 16px;display:flex}.chitiet-container{width:100%;max-width:800px}.chitiet-loading{text-align:center;color:#888;padding:80px 0;font-size:15px}.chitiet-top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chitiet-back{cursor:pointer;font:inherit;color:#666;background:0 0;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.chitiet-back:hover{color:#b91c1c;border-color:#b91c1c}.chitiet-admin-actions{align-items:center;gap:8px;display:flex}.chitiet-edit-btn,.chitiet-delete-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.chitiet-edit-btn{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.chitiet-edit-btn:hover{background:#e0e7ff}.chitiet-delete-btn{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.chitiet-delete-btn:hover{background:#fee2e2}.chitiet-delete-btn:disabled{opacity:.6;cursor:not-allowed}.chitiet-article{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f}.chitiet-meta{align-items:center;gap:16px;margin-bottom:16px;display:flex}.chitiet-cat{color:#8a6a00;background:#f8b32026;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.chitiet-date{color:#888;align-items:center;gap:4px;font-size:13px;display:flex}.chitiet-title{color:#1a1a1a;margin:0 0 20px;font-size:26px;font-weight:750;line-height:1.35}.chitiet-image{border-radius:12px;margin-bottom:24px;overflow:hidden}.chitiet-image img{object-fit:cover;width:100%;max-height:500px;display:block}.chitiet-content{color:#333;font-size:15px;line-height:1.8}.chitiet-content p{margin:0 0 16px}.chitiet-content img{border-radius:8px;max-width:100%;height:auto;margin:16px 0}.chitiet-content strong{font-weight:700}.chitiet-content em{font-style:italic}.chitiet-content ul,.chitiet-content ol{margin:12px 0;padding-left:24px}.chitiet-content li{margin-bottom:6px}.chitiet-content h1,.chitiet-content h2,.chitiet-content h3{color:#1a1a1a;margin:24px 0 12px}.chitiet-content blockquote{color:#666;border-left:4px solid #d1d5db;margin:16px 0;padding-left:16px;font-style:italic}.chitiet-content a{color:#b91c1c;text-decoration:underline}.chitiet-content code{color:#b91c1c;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:13px}.chitiet-content pre code{color:#e5e7eb;background:#1a1a1a;border-radius:10px;margin:16px 0;padding:16px;display:block;overflow-x:auto}@media (width<=768px){.chitiet-page{padding:20px 12px}.chitiet-article{border-radius:14px;padding:20px}.chitiet-title{font-size:20px}.chitiet-content{font-size:14px;line-height:1.7}.chitiet-meta,.chitiet-top-bar{flex-wrap:wrap;gap:10px}.chitiet-admin-actions{width:100%}.chitiet-edit-btn,.chitiet-delete-btn{flex:1;justify-content:center}}@media (width<=480px){.chitiet-page{padding:16px 8px}.chitiet-article{border-radius:12px;padding:16px}.chitiet-title{font-size:17px}.chitiet-image img{max-height:240px}}