@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary-50:#eef2ff;--color-primary-100:#dce5ff;--color-primary-200:#b9cbff;--color-primary-300:#7da1ff;--color-primary-400:#4d7cff;--color-primary-500:#1a365d;--color-primary-600:#152d4f;--color-primary-700:#0f2240;--color-primary-800:#0a1832;--color-primary-900:#050e22;--color-accent-400:#d4a843;--color-accent-500:#c8a951;--color-accent-600:#b89640;--color-bg:#f5f5f0;--color-bg-alt:#eeeee8;--color-surface:#fff;--color-surface-hover:#fafafa;--color-border:#e0ddd5;--color-border-light:#eeece5;--color-text:#1a1a1a;--color-text-secondary:#666660;--color-text-muted:#999990;--color-success:#10b981;--color-warning:#f59e0b;--color-warning-50:#fffbeb;--color-warning-200:#fde68a;--color-warning-400:#fbbf24;--color-warning-600:#d97706;--color-error:#ef4444;--color-info:#3b82f6;--color-surface-dim:#f8f8f5;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-document:"Times New Roman", "Times", serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000d;--shadow-glow:0 0 20px #1a365d26;--shadow-doc:0 2px 20px #0000001f, 0 1px 4px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:280px;--sidebar-width-collapsed:64px;--header-height:60px}[data-theme=dark]{--color-bg:#0f1117;--color-bg-alt:#181b23;--color-surface:#1e2130;--color-surface-hover:#252838;--color-border:#2d3148;--color-border-light:#242738;--color-text:#e8e8ed;--color-text-secondary:#9898a0;--color-text-muted:#606068;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #00000059;--shadow-xl:0 8px 32px #0006;--shadow-glow:0 0 20px #4d7cff26;--shadow-doc:0 2px 20px #0006;--color-warning-50:#422006;--color-warning-200:#92400e;--color-warning-400:#d97706;--color-warning-600:#fbbf24;--color-surface-dim:#1a1d2a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-ui);background:0 0;border:none}input,textarea,select{font-family:var(--font-ui);color:var(--color-text);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content{padding:var(--space-6);flex:1;max-width:100%}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-3);display:flex}.sidebar-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex;box-shadow:0 2px 8px #1a365d40}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{font-size:var(--text-lg);color:var(--color-primary-500);letter-spacing:-.02em;font-weight:700;line-height:1.2}[data-theme=dark] .sidebar-brand-name{color:var(--color-primary-300)}.sidebar-brand-tagline{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.sidebar-section{padding:var(--space-4) var(--space-3)}.sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3) var(--space-2);font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;width:100%;margin-bottom:2px;font-weight:500;display:flex}.sidebar-item:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-item.active{color:var(--color-primary-500);background:linear-gradient(135deg,#1a365d14,#1a365d0a);font-weight:600}[data-theme=dark] .sidebar-item.active{color:var(--color-primary-300);background:linear-gradient(135deg,#4d7cff1f,#4d7cff0f)}.sidebar-item-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.1rem}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item-badge{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-accent-500);color:#fff;padding:1px 6px;font-weight:600}.sidebar-divider{background:var(--color-border-light);height:1px;margin:var(--space-2) var(--space-3);border:none}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-light);margin-top:auto}.header{height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:0 var(--space-6);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}[data-theme=dark] .header{background:#1e2130d9}.header-left{align-items:center;gap:var(--space-4);display:flex}.header-title{font-size:var(--text-lg);color:var(--color-text);font-weight:600}.header-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.header-right{align-items:center;gap:var(--space-3);display:flex}.header-menu-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:none}.header-menu-btn:hover{background:var(--color-bg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;line-height:1.4;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;box-shadow:0 2px 8px #1a365d40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a365d59}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--color-accent-400), var(--color-accent-600));color:#fff;box-shadow:0 2px 8px #c8a9514d}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c8a95166}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600;display:block}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);line-height:1.5}.form-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #1a365d14}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-textarea-large{min-height:160px}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-base);color:var(--color-text);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.card-body{padding:var(--space-5)}.editor-layout{height:calc(100vh - var(--header-height));grid-template-columns:420px 1fr;gap:0;display:grid;overflow:hidden}.editor-form-panel{min-width:0;height:100%;padding:var(--space-6);padding-right:var(--space-4);overflow-y:auto}.editor-preview-panel{border-left:1px solid var(--color-border-light);background:var(--color-bg-alt);flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-zoom-toolbar{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);flex-shrink:0;display:flex}.preview-zoom-toolbar .zoom-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.preview-zoom-toolbar .zoom-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.preview-zoom-toolbar .zoom-slider{appearance:none;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;outline:none;width:120px;height:4px}.preview-zoom-toolbar .zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary-500);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.preview-zoom-toolbar .zoom-label{color:var(--color-text-muted);text-align:center;min-width:36px;font-size:11px;font-weight:600}.preview-zoom-toolbar .zoom-fit-btn{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:2px 8px;font-size:10px}.preview-zoom-toolbar .zoom-fit-btn:hover{background:var(--color-primary-50);color:var(--color-primary-500);border-color:var(--color-primary-300)}.preview-scroll-area{padding:var(--space-4);flex:1;justify-content:center;display:flex;overflow:auto}.a4-preview-wrapper{flex-shrink:0;width:100%;max-width:680px;margin:0 auto}.a4-preview-scaler{transform-origin:top;transition:transform .15s}.a4-preview-wrapper{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.a4-preview-scaler{width:100%}.a4-page{width:100%;box-shadow:var(--shadow-doc);font-family:var(--font-document);color:#000;box-sizing:border-box;aspect-ratio:210/297;background:#fff;border-radius:2px;flex-direction:column;height:auto;padding:6.7% 5% 6.7% 10%;font-size:9.5px;line-height:1.5;display:flex;position:relative;overflow:visible}.a4-page.a4-page-continuation{aspect-ratio:210/297}.a4-page-separator{align-items:center;gap:12px;width:100%;padding:0 8px;display:flex}.a4-page-separator:before,.a4-page-separator:after{content:"";background:var(--color-border-light);flex:1;height:1px}.a4-page-separator-label{color:var(--color-text-muted);letter-spacing:.03em;white-space:nowrap;font-size:10px;font-weight:600}.a4-page-break-indicator{z-index:10;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:-2%;right:-2%}.a4-page-break-line{background:repeating-linear-gradient(90deg,#cbd5e1 0 6px,#0000 6px 12px);flex:1;height:2px}.a4-page-break-label{color:#94a3b8;white-space:nowrap;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:2px 10px;font-size:9px;font-weight:700}[data-theme=dark] .a4-page-break-label{color:#64748b;background:#1e293b;border-color:#334155}.a4-page-count-badge{text-align:center;color:var(--color-text-muted);letter-spacing:.02em;padding:10px 0 4px;font-size:11px;font-weight:700}.a4-preview{aspect-ratio:210/297;width:100%;box-shadow:var(--shadow-doc);font-family:var(--font-document);color:#000;background:#fff;border-radius:2px;flex-direction:column;padding:6.7% 5% 6.7% 10%;font-size:10.5px;line-height:1.5;display:flex;overflow:hidden}[data-theme=dark] .a4-preview,[data-theme=dark] .a4-page{box-shadow:0 4px 32px #00000080}.a4-header{flex-shrink:0;justify-content:space-between;margin-bottom:10px;display:flex}.a4-header-left{text-align:center;flex:0 0 38%}.a4-header-right{text-align:center;flex:0 0 57%}.a4-org-parent{text-transform:uppercase;letter-spacing:.02em;font-size:9.5px}.a4-org-name{text-transform:uppercase;letter-spacing:.02em;font-size:9.5px;font-weight:700}.a4-line{background:#000;width:50px;height:1px;margin:3px auto;display:block}.a4-line-long{width:110px}.a4-quoc-hieu{text-transform:uppercase;letter-spacing:.01em;font-size:9.5px;font-weight:700}.a4-tieu-ngu{font-size:10.5px;font-weight:700}.a4-so-ky-hieu{margin-top:3px;font-size:10px}.a4-dia-danh{margin-top:3px;font-size:10.5px;font-style:italic}.a4-dang-title{text-transform:uppercase;letter-spacing:.02em;color:#000;font-size:11px;font-weight:700}.a4-dang-org{font-weight:700}.a4-dang-star{text-align:center;margin:1px 0;font-size:10px;font-weight:700;line-height:1}.a4-title{text-align:center;flex-shrink:0;margin:12px 0 6px}.a4-title-name{text-transform:uppercase;letter-spacing:.02em;font-size:11.5px;font-weight:700}.a4-title-subject{margin-top:2px;font-size:10.5px;font-weight:700}.a4-title-cv{margin-top:2px;font-size:10px}.a4-title-line{background:#000;width:50px;height:1px;margin:3px auto;display:block}.a4-kinh-gui{text-align:center;flex-shrink:0;margin:8px 0 6px;font-size:10.5px}.a4-can-cu{flex-shrink:0;margin-bottom:6px;font-size:10px;font-style:italic}.a4-can-cu-line{text-indent:1em;margin:1px 0}.a4-quyet-dinh-marker{text-align:center;flex-shrink:0;margin:6px 0;font-size:10.5px;font-weight:700}.a4-content{text-align:justify;flex:1 0 auto;font-size:10.5px;overflow:visible}.a4-paragraph{text-indent:1em;margin:2px 0}.a4-heading{margin-top:4px;font-weight:700;text-indent:0!important}.a4-placeholder{color:#999;text-indent:1em;font-style:italic}.a4-empty-line{height:5px}.a4-footer{flex-shrink:0;justify-content:space-between;margin-top:20px;padding-top:10px;display:flex}.a4-footer-left{flex:0 0 42%}.a4-footer-right{text-align:center;flex:0 0 48%}.a4-noi-nhan-title{font-size:9px;font-style:italic;font-weight:700}.a4-noi-nhan-title.a4-noi-nhan-dang{font-style:normal}.a4-noi-nhan-list{color:#333;font-size:8px;line-height:1.4}.a4-can-cu.a4-can-cu-dang{font-style:normal}.a4-thay-mat{text-transform:uppercase;margin-bottom:1px;font-size:10px;font-weight:700}.a4-chuc-vu{text-transform:uppercase;font-size:10.5px;font-weight:700}.a4-sign-space{height:40px}.a4-ho-ten{font-size:10.5px;font-weight:700}.a4-footer-multi{flex-shrink:0;gap:4px;margin-top:auto;padding-top:10px;display:flex}.a4-footer-noi-nhan-col{flex:0 0 22%;min-width:0}.a4-footer-signer-col{text-align:center;flex:1;min-width:0}.a4-ky-ten-note{color:#666;margin-top:1px;font-size:8px;font-style:italic}.a4-header-lien-tich{flex-shrink:0;gap:6px;margin-bottom:4px;display:flex}.a4-header-lien-tich-org{text-align:center;flex:1;min-width:0}.a4-lien-tich-meta{flex-shrink:0;margin-bottom:8px}.ai-panel{border-top:2px solid var(--color-accent-500);margin-top:var(--space-4);padding-top:var(--space-4)}.ai-panel-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-accent-400);margin-bottom:var(--space-3);font-weight:700;display:flex}.ai-loading{align-items:center;gap:var(--space-2);color:var(--color-accent-500);font-size:var(--text-sm);padding:var(--space-3);display:flex}.ai-loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent-500);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.export-panel{gap:var(--space-3);padding:var(--space-4) 0;display:flex}.theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:1px solid var(--color-border);background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:var(--color-bg);color:var(--color-text)}.toast-container{top:var(--space-4);right:var(--space-4);z-index:9999;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-2);min-width:280px;font-weight:500;animation:.3s toastIn;display:flex}.toast-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #93c5fd}[data-theme=dark] .toast-success{color:#86efac;background:#052e16;border-color:#166534}[data-theme=dark] .toast-error{color:#fca5a5;background:#450a0a;border-color:#991b1b}[data-theme=dark] .toast-info{color:#93c5fd;background:#172554;border-color:#1e40af}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.editor-layout{grid-template-columns:1fr;height:auto;overflow:visible}.editor-form-panel{height:auto;overflow-y:visible}.editor-preview-panel{border-left:none;border-top:1px solid var(--color-border-light);height:auto;overflow:visible}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{margin-left:0}.header-menu-btn{display:flex}}@media (max-width:768px){.editor-layout{gap:var(--space-3)}.a4-preview-wrapper{max-width:100%}.a4-preview{font-size:9px}.card-body{padding:var(--space-3)}.card-header{padding:var(--space-3) var(--space-4)}.export-panel{flex-direction:column}.toast{min-width:220px;max-width:calc(100vw - 32px);font-size:var(--text-xs)}}@media (max-width:640px){.app-content{padding:var(--space-3)}.editor-layout{gap:var(--space-2)}.export-panel{flex-direction:column}.a4-preview-wrapper{transform-origin:top}.a4-preview{padding:5% 4% 5% 7%;font-size:8px}.a4-sign-space{height:24px}.form-group{margin-bottom:var(--space-3)}.form-label{font-size:var(--text-xs)}.form-input{padding:6px var(--space-2);font-size:var(--text-xs)}.header{padding:0 var(--space-3);height:50px}.header-title{font-size:var(--text-base)}.header-subtitle{display:none}.toast-container{top:auto;bottom:var(--space-4);right:var(--space-3);left:var(--space-3)}.toast{width:100%;min-width:auto}}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.empty-state{padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:960px;margin:0 auto;display:flex}.welcome-header{margin-bottom:var(--space-6)}.welcome-icon-wrapper{width:72px;height:72px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#1a365d14,#4d7cff14);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #1a365d0f}.welcome-title{color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.welcome-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);max-width:500px;margin:0 auto;line-height:1.6}.welcome-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:var(--space-5);margin-bottom:var(--space-3);align-items:center;gap:6px;width:100%;font-size:11px;font-weight:700;display:flex}.welcome-label-icon{font-size:13px}.welcome-grid-main{gap:var(--space-3);grid-template-columns:repeat(5,1fr);width:100%;display:grid}.welcome-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.welcome-card:before{content:"";background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-500));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.welcome-card:hover{border-color:var(--color-primary-200);transform:translateY(-3px);box-shadow:0 8px 28px #00000014}.welcome-card:hover:before{opacity:1}.welcome-card-main{padding:var(--space-4) var(--space-3);text-align:center}.welcome-card-icon{margin-bottom:var(--space-2);filter:drop-shadow(0 2px 4px #0000001a);font-size:2.2rem}.welcome-card-name{font-weight:700;font-size:var(--text-sm);color:var(--color-text);margin-bottom:4px}.welcome-card-desc{color:var(--color-text-muted);font-size:11px;line-height:1.4}.welcome-grid-secondary{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));width:100%;display:grid}.welcome-card-sm{padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);text-align:left;border-radius:var(--radius-md);display:flex}.welcome-card-sm:before{display:none}.welcome-card-sm-icon{flex-shrink:0;font-size:1.2rem}.welcome-card-sm-name{color:var(--color-text);font-size:12px;font-weight:600}.welcome-card-dang{border-color:#dc262626}.welcome-card-dang:hover{border-color:#dc262666}.welcome-card-contract{border-color:#7c3aed26}.welcome-card-contract:hover{background:#7c3aed08;border-color:#7c3aed66}.welcome-card-en{border-color:#2563eb26}.welcome-card-en:hover{background:#2563eb08;border-color:#2563eb66}.welcome-features-bar{gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-3) 0;flex-wrap:wrap;justify-content:center;display:flex}.welcome-feature-chip{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.welcome-feature-chip-icon{font-size:13px}.welcome-copyright{width:100%;margin-top:var(--space-6)}.welcome-copyright-divider{background:linear-gradient(90deg, transparent, var(--color-border-light), transparent);width:100%;height:1px;margin-bottom:var(--space-4)}.welcome-copyright-content{text-align:center;color:var(--color-text-muted);font-size:12px;line-height:1.8}.welcome-copyright-sub{opacity:.7;margin-top:2px;font-size:11px}.welcome-copyright-links{opacity:.5;justify-content:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.welcome-copyright-dot{opacity:.3}[data-theme=dark] .welcome-icon-wrapper{background:linear-gradient(135deg,#4d7cff1f,#c8a95114)}[data-theme=dark] .welcome-card:hover{border-color:var(--color-primary-400);box-shadow:0 8px 28px #00000040}[data-theme=dark] .welcome-copyright-divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent)}.tiptap-wrapper{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.tiptap-wrapper:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #1a365d14}[data-theme=dark] .tiptap-wrapper:focus-within{box-shadow:0 0 0 3px #4d7cff1f}.tiptap-toolbar{background:var(--color-bg);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}[data-theme=dark] .tiptap-toolbar{background:var(--color-bg-alt)}.tiptap-toolbar-group{align-items:center;gap:1px;display:flex}.tiptap-toolbar-btn{border-radius:var(--radius-sm);min-width:30px;height:30px;color:var(--color-text-secondary);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.tiptap-toolbar-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.tiptap-toolbar-btn.is-active{background:var(--color-primary-500);color:#fff;box-shadow:0 1px 4px #1a365d33}[data-theme=dark] .tiptap-toolbar-btn.is-active{background:var(--color-primary-400)}.tiptap-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.tiptap-toolbar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.tiptap-editor{position:relative}.tiptap-editor .tiptap{padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);min-height:inherit;outline:none;line-height:1.7}.tiptap-editor .tiptap>:first-child{margin-top:0}.tiptap-editor .tiptap p{margin:0 0 .5em}.tiptap-editor .tiptap h2{font-size:var(--text-lg);color:var(--color-primary-500);margin:1em 0 .4em;font-weight:700}[data-theme=dark] .tiptap-editor .tiptap h2{color:var(--color-primary-300)}.tiptap-editor .tiptap h3{font-size:var(--text-base);margin:.8em 0 .3em;font-weight:700}.tiptap-editor .tiptap ul,.tiptap-editor .tiptap ol{margin:.3em 0;padding-left:1.5em}.tiptap-editor .tiptap li{margin:2px 0}.tiptap-editor .tiptap strong{font-weight:700}.tiptap-editor .tiptap em{font-style:italic}.tiptap-editor .tiptap u{text-decoration:underline}.tiptap-editor .tiptap blockquote{border-left:3px solid var(--color-border);padding-left:var(--space-3);color:var(--color-text-secondary);margin:.5em 0}.tiptap-editor .tiptap table{border-collapse:collapse;width:100%;font-size:var(--text-xs);margin:.5em 0}.tiptap-editor .tiptap table td,.tiptap-editor .tiptap table th{border:1px solid var(--color-border);vertical-align:top;min-width:60px;padding:6px 10px}.tiptap-editor .tiptap table th{background:var(--color-bg);font-weight:700}[data-theme=dark] .tiptap-editor .tiptap table th{background:var(--color-bg-alt)}.tiptap-editor .tiptap table .selectedCell:after{content:"";pointer-events:none;background:#1a365d14;position:absolute;inset:0}.tiptap-editor .tiptap td,.tiptap-editor .tiptap th{position:relative}.tiptap-editor .tiptap img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.5em 0}.tiptap-editor .tiptap img.ProseMirror-selectednode{outline:2px solid var(--color-primary-400);outline-offset:2px}.tiptap-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0;font-style:italic}.tiptap-loading{justify-content:center;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.a4-richtext-content{font-family:var(--font-document);text-align:justify;font-size:10.5px;line-height:1.5}.a4-richtext-content p{text-indent:1em;margin:2px 0}.a4-richtext-content h2{text-indent:0;text-transform:uppercase;margin:5px 0 2px;font-size:11px;font-weight:700}.a4-richtext-content h3{text-indent:0;margin:4px 0 2px;font-size:10.5px;font-weight:700}.a4-richtext-content ul,.a4-richtext-content ol{margin:2px 0;padding-left:2em}.a4-richtext-content li{margin:1px 0}.a4-richtext-content strong{font-weight:700}.a4-richtext-content em{font-style:italic}.a4-richtext-content u{text-decoration:underline}.a4-richtext-content table{border-collapse:collapse;width:100%;margin:4px 0;font-size:8.5px}.a4-richtext-content table td,.a4-richtext-content table th{vertical-align:top;border:.5px solid #333;padding:2px 4px}.a4-richtext-content table th{background:#f5f5f5;font-weight:700}.a4-richtext-content img{object-fit:contain;max-width:100%;max-height:120px;margin:3px auto;display:block}.a4-can-cu-rich{font-size:10px;font-style:italic}.a4-can-cu-rich p{text-indent:1em;margin:1px 0}.color-surface-dim{background:var(--color-surface-dim,#fafaf8)}[data-theme=dark] .color-surface-dim{background:var(--color-surface-dim,#1a1d2a)}.editor-mobile-tabs{display:none}@media (max-width:1024px){:root{--sidebar-width:240px}.editor-layout{gap:var(--space-4);grid-template-columns:1fr}.editor-preview-panel{top:unset;position:static}.a4-preview-wrapper{max-width:560px}.app-content{padding:var(--space-4)}}@media (max-width:768px){.sidebar{box-shadow:none;z-index:200;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--transition-base);background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;display:block}.app-main{margin-left:0}.header-menu-btn{display:flex}.header{padding:0 var(--space-4)}.header-subtitle{display:none}.app-content{padding:var(--space-3)}.editor-layout{gap:var(--space-3);grid-template-columns:1fr}.card-header{padding:var(--space-3) var(--space-4)}.card-body{padding:var(--space-4)}.editor-mobile-tabs{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);top:calc(var(--header-height) + var(--space-2));z-index:40;box-shadow:var(--shadow-sm);gap:4px;padding:4px;display:flex;position:sticky}.editor-mobile-tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;font-weight:600;display:flex}.editor-mobile-tab.active{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;box-shadow:0 2px 6px #1a365d4d}.editor-form-panel.hidden-mobile,.editor-preview-panel.hidden-mobile{display:none}.empty-state{padding:var(--space-4) var(--space-3)}.welcome-grid-main{grid-template-columns:repeat(3,1fr)}.welcome-title{font-size:1.25rem}.welcome-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.a4-preview-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.a4-preview-scaler{transform-origin:top;margin-bottom:-38%;transform:scale(.62)}.header-title{font-size:var(--text-base)}.app-content{padding:var(--space-2)}.card-body .form-group{margin-bottom:var(--space-3)}:root{--sidebar-width:260px}.welcome-cards-grid{grid-template-columns:1fr!important}.welcome-grid-main{grid-template-columns:repeat(2,1fr)}.welcome-features-bar{gap:var(--space-2)}}.login-page{background:linear-gradient(135deg,#0f4c3a 0%,#1a6b4a 30%,#2e7d32 60%,#4caf50 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-decoration{pointer-events:none;position:absolute;inset:0}.login-bg-circle{opacity:.08;background:#fff;border-radius:50%;position:absolute}.login-bg-circle-1{width:400px;height:400px;animation:8s ease-in-out infinite floatCircle;top:-100px;right:-100px}.login-bg-circle-2{width:300px;height:300px;animation:10s ease-in-out infinite reverse floatCircle;bottom:-50px;left:-80px}.login-bg-circle-3{width:200px;height:200px;animation:6s ease-in-out 2s infinite floatCircle;top:40%;left:15%}@keyframes floatCircle{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-card{text-align:center;z-index:1;background:#fffffff7;border-radius:20px;width:100%;max-width:420px;padding:48px 40px;animation:.5s ease-out slideUp;position:relative;box-shadow:0 25px 80px #0000004d}.login-logo{margin-bottom:16px}.login-title{font-family:var(--font-heading);color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:800}.login-subtitle{color:#666;margin:0 0 24px;font-size:14px;line-height:1.5}.login-divider{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.login-divider span{color:#999;white-space:nowrap;font-size:12px;font-weight:500}.login-btn{cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn-google{color:#3c4043;background:#fff;border-color:#dadce0}.login-btn-google:hover:not(:disabled){background:#f7f8f8;border-color:#4285f4;transform:translateY(-1px);box-shadow:0 2px 12px #4285f433}.login-btn-facebook{color:#3c4043;background:#fff;border-color:#dadce0}.login-btn-facebook:hover:not(:disabled){background:#f7f8f8;border-color:#1877f2;box-shadow:0 2px 12px #1877f233}.login-note{color:#999;margin:16px 0 12px;font-size:11px;line-height:1.5}.login-back{color:var(--color-primary);margin-top:8px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.login-back:hover{color:var(--color-primary-dark);text-decoration:underline}