html{scroll-behavior:smooth}.create-layout{height:100vh;display:flex}.form-panel{border-right:1px solid #ddd;width:35%;padding:16px;overflow-y:auto}.right-panel{border-right:1px solid #ddd;width:20%;padding:16px}.preview-panel{background:#f5f5f5;width:45%;padding:16px;overflow:auto}.god-modal-overlay{z-index:99999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.god-modal{background:#fff;border-radius:12px;width:900px;max-width:95%;max-height:90vh;padding:20px;overflow-y:auto}.god-modal-header{justify-content:space-between;align-items:center;display:flex}.god-modal-header span{cursor:pointer;font-size:22px}.upload-btn{cursor:pointer;border:1px solid #ccc;border-radius:6px;margin:12px 0;padding:10px 16px;display:inline-block}.god-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px;display:grid}.god-grid img{object-fit:contain;cursor:pointer;background:#fff;border:1px solid #e5e5e5;width:100%;height:90px;padding:6px}.god-grid img:hover{border-color:#e91e63}.create-page{min-height:100vh;display:flex}.form-panel{width:55%;padding:20px;overflow-y:auto}.preview-panel{background:#f5f5f5;width:45%;padding:20px}.section-title{margin:20px 0 10px;font-weight:600}.field-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.field-label{width:140px;font-size:14px}.field-input{border:1px solid #ccc;border-radius:4px;flex:1;padding:8px}.delete-btn{cursor:pointer;background:0 0;border:none}.create-btn{color:#fff;background:#ff4f7b;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px;font-size:16px}@media print{body{margin:0;padding:0}#biodata{width:210mm!important;height:297mm!important;transform:none!important}@page{size:A4;margin:0}}:root{--primary-color:#8b1d3d;--secondary-color:#ff9f1c;--accent-color:#f97316;--bg-main:#fffef9;--bg-section:#fff6eb;--bg-card:#fff;--bg-dark:#3b0a14;--text-primary:#3b0a14;--text-secondary:#6b3a45;--text-muted:#a17c85;--text-light:#fff;--border-color:#f1d8c8;--divider-color:#e4bfa6;--btn-primary-bg:#8b1d3d;--btn-primary-text:#fff;--btn-hover-bg:#65102b;--btn-secondary-bg:#ff9f1c;--btn-secondary-text:#3b0a14;--success-color:#388e3c;--error-color:#d32f2f;--warning-color:#f57c00;--info-color:#ef6c00;--box-shadow:0 12px 28px #8b1d3d2e}.visually-hidden{position:absolute;left:-9999px}