:root{--bg-primary: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f1f3f4 100%);--bg-secondary: rgba(255, 255, 255, .95);--bg-accent: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--gold-primary: #d4af37;--gold-secondary: #DAA520;--gold-tertiary: #B8860B;--gold-gradient: linear-gradient(135deg, #d4af37 0%, #DAA520 50%, #B8860B 100%);--border-color: #f0e6d2;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .05);--shadow-md: 0 10px 40px rgba(0, 0, 0, .08);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px}body.dark-mode{--bg-primary: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1f1f1f 100%);--bg-secondary: rgba(40, 40, 40, .95);--bg-accent: linear-gradient(135deg, #2a2416 0%, #2d2d2d 100%);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #3a3a3a;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .3);--shadow-md: 0 10px 40px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);padding:60px 20px;min-height:100vh;transition:background .3s,color .3s}body.embed{padding:20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f6f7}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c19b2a}body.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a}.docx-page{background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:4px;padding:2.54cm;width:21cm;min-height:29.7cm;margin:0 auto 1rem;line-height:1.6;word-break:break-word;color:#1a1a1a}body.dark-mode .docx-page{background:#2a2a2a;color:#e5e5e5;box-shadow:0 2px 8px #0000004d}.docx-page table{border-collapse:collapse;width:100%}.docx-page td,.docx-page th{border:1px solid #999;padding:4px 8px;vertical-align:top}body.dark-mode .docx-page td,body.dark-mode .docx-page th{border-color:#555}.docx-page img{max-width:100%;height:auto}.docx-page ul,.docx-page ol{padding-left:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.docx-page{width:100%;padding:1rem;min-height:auto}}@media(max-width:768px){body{padding:30px 15px}body.embed{padding:10px}}@media print{body{padding:0;background:#fff}.no-print{display:none!important}.docx-page{box-shadow:none;margin:0;padding:0;width:100%;min-height:auto}}
