:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-card:#00000006;--bg-card-hover:#0000000d;--bg-glass:#fffc;--border-subtle:#0000001a;--border-accent:#4f46e559;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#4f46e5;--accent-hover:#4338ca;--accent-subtle:#4f46e514;--danger:#dc2626;--danger-hover:#b91c1c;--success:#16a34a;--warning:#d97706;--preview-bg:#e5e7eb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--bg-primary:#111118;--bg-secondary:#1a1a24;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-glass:#ffffff0d;--border-subtle:#ffffff14;--border-accent:#6366f159;--text-primary:#e8e8f0;--text-secondary:#8b8b9e;--text-muted:#5a5a6e;--accent:#6366f1;--accent-hover:#818cf8;--accent-subtle:#6366f11f;--danger:#ef4444;--danger-hover:#f87171;--success:#22c55e;--warning:#f59e0b;--preview-bg:#0d0d14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);outline:none;padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #dc262633}.btn-danger:hover{border-color:var(--danger);background:#dc262614}.btn-ghost{color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:5px 10px;font-size:13px}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@page{size:A4;margin:0}@media print{html,body{width:210mm;height:auto;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}}