:root{--primary-blue:#0A4F8B;--primary-blue-dark:#073963;--primary-blue-light:#F0F8FF;--brand-jade:#4EDFD2;--brand-gradient:linear-gradient(135deg,var(--primary-blue),var(--brand-jade));--success-green:#10B981;--warning-amber:#F59E0B;--error-red:#EF4444;--info-blue:#0A4F8B;--text-dark:#111827;--text-medium:#6B7280;--text-light:#9CA3AF;--border-color:#E5E7EB;--surface-color:#F9FAFB;--bg-color:#FFFFFF;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:Consolas,Monaco,"Courier New",monospace;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 4px rgba(0,0,0,0.08);--shadow-lg:0 4px 8px rgba(0,0,0,0.12);--shadow-xl:0 8px 16px rgba(0,0,0,0.15);--shadow-2xl:0 12px 24px rgba(0,0,0,0.2);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}html{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--surface-color);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-text-size-adjust:100%}@media (max-width:768px){a,button,input,select,textarea{touch-action:manipulation}}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700}h1{font-size:32px;line-height:1.2}h2{font-size:24px;line-height:1.3}h3{font-size:20px;line-height:1.4}a{color:var(--primary-blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes previewSectionPulse{0%{box-shadow:0 0 0 0 rgba(10,79,139,0),inset 3px 0 0 rgba(10,79,139,0)}20%{box-shadow:0 0 0 5px rgba(10,79,139,.14),inset 3px 0 0 rgba(10,79,139,.9)}55%{box-shadow:0 0 20px 5px rgba(10,79,139,.11),inset 3px 0 0 rgba(10,79,139,.65)}to{box-shadow:0 0 10px 3px rgba(10,79,139,.07),inset 3px 0 0 rgba(10,79,139,.4)}}@keyframes previewSectionShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes previewBadgePop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.25) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}.previewSectionActive{position:relative!important;border-radius:6px!important;background:linear-gradient(105deg,rgba(10,79,139,0),rgba(10,79,139,.05) 50%,rgba(10,79,139,0))!important;background-size:200% 100%!important;animation:previewSectionPulse .6s cubic-bezier(.22,1,.36,1) forwards,previewSectionShimmer 1.8s ease-in-out!important;padding-left:6px!important;padding-right:4px!important;margin-left:-6px!important;margin-right:-4px!important}.previewSectionActive:after{content:"Đang sửa";position:absolute;top:-8px;right:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--primary-blue);color:#FFF;padding:2px 6px;border-radius:4px;line-height:1;animation:previewBadgePop .45s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm)}