@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600&family=Outfit:wght@400;500;700&display=swap";:root{--primary-color:#d32f2f;--secondary-color:#ff9800;--bg-color:#fcf9f2;--text-dark:#333;--text-light:#666;--border-color:#e0e0e0;--accent-color:#8b0000}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:#fdfbf7;font-family:Outfit,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background:linear-gradient(135deg,#fff9f0,#fdfbf7);border-bottom:2px dashed #f5dcb3;padding:20px}.app-header h1{color:var(--accent-color);margin-bottom:5px;font-family:Cinzel,serif;font-size:2.5rem}.app-header p{color:var(--text-light);font-size:1rem}.main-content{flex:1;gap:30px;width:100%;max-width:1400px;margin:0 auto;padding:20px;display:flex}.sidebar-container{background:#fff;border-radius:12px;flex:0 0 450px;height:calc(100vh - 140px);padding:20px;overflow-y:auto;box-shadow:0 4px 20px #0000000d}.form-tabs{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.tab-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:20px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.tab-btn.active{background:var(--primary-color);color:#fff}.form-section h3{color:var(--primary-color);margin-bottom:15px;font-family:Inter,sans-serif}.form-group{background:#fdfdfd;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:15px;padding:10px}.form-group label{color:#444;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.form-group input[type=text],.form-group input[type=date]{border:1px solid var(--border-color);border-radius:4px;width:100%;padding:10px;font-family:Inter,sans-serif;transition:border-color .3s}.form-group input[type=text]:focus{border-color:var(--primary-color);outline:none}.visibility-toggle{color:var(--text-light);cursor:pointer;align-items:center;gap:5px;font-size:.8rem;display:flex}.sortable-group{align-items:center;gap:10px;display:flex}.drag-handle{cursor:grab;color:#aaa;justify-content:center;align-items:center;padding:5px;display:flex}.drag-handle:active{cursor:grabbing}.field-content{flex:1}.btn-clear{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:2px 8px;font-size:.8rem;transition:all .2s}.btn-clear:hover{color:#d32f2f;background:#ffebee;border-color:#ffcdd2}.editable-label-container{justify-content:space-between;align-items:center;width:100%;display:flex!important}.label-edit-area{align-items:center;gap:5px;display:flex}.edit-label-input{border:1px solid var(--primary-color);border-radius:3px;outline:none;width:120px;padding:2px 4px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.btn-edit-label{color:#999;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex}.btn-edit-label:hover{color:var(--primary-color)}.btn-add-field{border:1px dashed var(--primary-color);width:100%;color:var(--primary-color);cursor:pointer;background:#fff;border-radius:8px;margin-top:10px;padding:10px;font-family:Outfit,sans-serif;font-weight:500;transition:all .2s}.btn-add-field:hover{background:#fdf5f5}.language-selector{background:#fff8e1;border:1px dashed #ffcc80;border-radius:8px;margin-bottom:20px;padding:15px}.language-selector label{color:#d32f2f;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;display:block}.lang-buttons{gap:10px;display:flex}.lang-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #ffb74d;border-radius:4px;padding:6px 16px;font-family:Outfit,sans-serif;transition:all .2s}.lang-btn.active{color:#fff;background:#d32f2f;border-color:#d32f2f}.templates-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.template-card{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:8px;transition:all .2s;overflow:hidden}.template-card img{object-fit:cover;border-radius:6px;width:100%;height:120px;box-shadow:0 2px 8px #0000001a}.template-card span{color:#444;margin-top:5px;font-size:.85rem;font-weight:500;display:block}.template-card:hover{transform:translateY(-2px)}.template-card.active{border-color:var(--primary-color)}.template-card.active span{color:var(--primary-color)}.file-upload{background:#fdfdfd;border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;gap:5px;margin-bottom:15px;padding:10px;display:flex}.file-upload input{font-size:.9rem}.preview-container{flex-direction:column;flex:1;align-items:center;display:flex}.preview-toolbar{justify-content:flex-end;width:100%;margin-bottom:15px;display:flex}.btn-print{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #d32f2f4d}.btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d32f2f66}.biodata-paper-wrapper{background:#fff;justify-content:center;width:794px;height:1123px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.biodata-paper{transform-origin:top;background-position:50%;background-size:cover;width:100%;height:100%;display:flex;position:relative}.biodata-overlay{z-index:1;background:#ffffffd9;position:absolute;inset:0}.biodata-content{z-index:2;flex-direction:column;gap:25px;width:100%;padding:50px;display:flex;position:relative}.biodata-header{text-align:center}.biodata-header h2{color:var(--accent-color);margin-bottom:10px;font-family:Cinzel,serif;font-size:2.2rem}.god-photo{object-fit:contain;max-width:80px;max-height:80px;margin-bottom:10px}.god-name{color:var(--accent-color);font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600}.biodata-grid{grid-template-columns:1fr 200px;gap:25px;display:grid}.profile-photo-container{justify-content:flex-end;width:100%;display:flex}.profile-photo{object-fit:cover;border:4px solid #fff;border-radius:8px;width:180px;height:220px;box-shadow:0 4px 15px #0000001a}.details-section{margin-bottom:20px}.details-section h3{color:var(--accent-color);border-bottom:2px solid var(--accent-color);margin-bottom:12px;padding-bottom:5px;font-family:Inter,sans-serif;font-size:1.3rem;display:inline-block}.detail-row{margin-bottom:6px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.4;display:flex}.detail-label{color:#222;width:170px;font-weight:600}.detail-separator{margin:0 10px;font-weight:600}.detail-value{color:#444;flex:1}@media (width<=900px){.main-content{flex-direction:column;padding:10px}.sidebar-container{flex:none;width:100%;height:50vh}.form-tabs{flex-wrap:wrap}.preview-container{align-items:flex-start;width:100%;padding-bottom:20px;overflow-x:auto}.biodata-paper-wrapper{margin:0}}@media print{@page{size:A4;margin:0}html,body{background:0 0;width:794px!important;height:1123px!important;overflow:visible!important}.no-print,.app-header,.sidebar-container,.preview-toolbar{display:none!important}.app-container,.main-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.preview-container{width:100%!important;padding:0!important;display:block!important;overflow:visible!important}.biodata-paper-wrapper{box-shadow:none!important;width:794px!important;height:1123px!important;margin:0!important;overflow:hidden!important}.biodata-paper{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.btn-about{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:20px;margin-top:10px;padding:6px 16px;font-family:Outfit,sans-serif;font-weight:500;transition:all .3s}.btn-about:hover{background:var(--primary-color);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-close{color:#666;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:15px;right:15px}.modal-close:hover{color:var(--primary-color)}.about-header{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;text-align:center;padding:20px}.about-header h2{margin:0;font-family:Cinzel,serif;font-size:1.5rem}.about-body{flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.about-image-container{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius:50%;width:120px;height:120px;padding:4px}.about-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%}.about-text{text-align:center}.about-text h3{color:var(--accent-color);margin-bottom:15px;font-size:1.3rem}.about-text p{color:#555;margin-bottom:15px;font-size:.95rem;line-height:1.6}.about-text .highlight-text{color:var(--primary-color);background:#fff8e1;border:1px dashed #ffcc80;border-radius:8px;padding:10px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}