@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);:root{--font-family:"Poppins",sans-serif;--primary:#171717;--text:#333;--bg:#f9f9f9;--card-bg:#fff;--radius:5px;--spacing:0.75rem;--shadow:#0000000d}*,:after,:before{box-sizing:border-box}*,:after,:before,html{margin:0;padding:0}body{background:#f9f9f9;background:var(--bg);color:#333;color:var(--text);font-family:Poppins,sans-serif;font-family:var(--font-family);line-height:1.4;margin:0;padding:1rem}.container{margin:0 auto;max-width:720px;position:relative}h1{color:#171717;color:var(--primary);font-size:1.75rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing);text-align:center}.client-name-block{align-items:center;background:#fff;background:var(--card-bg);border-radius:5px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow);display:flex;gap:.75rem;gap:var(--spacing);margin-bottom:.75rem;margin-bottom:var(--spacing);margin-top:1rem;padding:.75rem;padding:var(--spacing)}.client-name-block .select-input{background:#fff;flex:0 0 5rem;font-size:.95rem;max-width:5rem;padding:0 .5rem}.client-name-block .input,.client-name-block .select-input{border:1px solid #ddd;border-radius:5px;border-radius:var(--radius);font-family:Poppins,sans-serif;font-family:var(--font-family);height:2.5rem}.client-name-block .input{flex:1 1 auto;font-size:1rem;min-width:0;padding:0 .75rem}.header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing)}.header-bar h1{margin:0}form{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing)}.properties-container.single{display:block;margin:0 auto;max-width:720px}.properties-container.multi{grid-gap:.75rem;grid-gap:var(--spacing);display:grid;gap:.75rem;gap:var(--spacing);grid-template-columns:repeat(2,1fr);left:50%;margin-left:calc(-50vw + 1rem);margin-right:calc(-50vw + 1rem);padding:.75rem;padding:var(--spacing);position:relative;right:50%;width:calc(100vw - 2rem)}.properties-container.multi .property-block{width:100%}.property-block{grid-gap:.75rem;grid-gap:var(--spacing);background:#fff;background:var(--card-bg);border-radius:5px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow);display:grid;gap:.75rem;gap:var(--spacing);grid-template-columns:repeat(2,1fr);padding:.75rem;padding:var(--spacing);position:relative}.remove-btn{background:#0000;border:1px solid #e74c3c;border-radius:5px;border-radius:var(--radius);color:#e74c3c;cursor:pointer;padding:.35rem .8rem;position:absolute;right:.75rem;right:var(--spacing);top:.75rem;top:var(--spacing);transition:background .2s,color .2s}.remove-btn:hover:not(:disabled){background:#e74c3c;color:#fff}.remove-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.property-block>h2{color:#171717;color:var(--primary);font-size:1.1rem;grid-column:1/-1;margin:0}.property-name-input{grid-column:1/2}.developer-name-input,.property-name-input{border:1px solid #ddd;border-radius:5px;border-radius:var(--radius);font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;height:2.5rem;padding:0 .75rem;width:100%}.developer-name-input{grid-column:2/3}.detail-inputs{grid-gap:.75rem;grid-gap:var(--spacing);display:grid;gap:.75rem;gap:var(--spacing);grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.detail-input{display:flex;gap:.5rem}.detail-input .label-input{background:#f2f2f2;border:1px solid #ddd;flex:0 0 120px;max-width:120px}.detail-input .label-input,.detail-input .value-input{border-radius:5px;border-radius:var(--radius);font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:.95rem;height:2.5rem;padding:0 .75rem}.detail-input .value-input{border:1px solid #ddd;flex:1 1}.photos-grid{grid-gap:.75rem;grid-gap:var(--spacing);display:grid;gap:.75rem;gap:var(--spacing);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.photo-input{display:flex;flex-direction:column}.photo-label{font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.file-input{border:1px dashed #ccc;border-radius:5px;border-radius:var(--radius);font-size:.9rem;padding:.5rem}.personal-actions{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;width:100%}.personal-actions,.personal-block{display:flex;gap:.75rem;gap:var(--spacing)}.personal-block{background:#fff;background:var(--card-bg);border-radius:5px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow);flex-direction:column;padding:.75rem;padding:var(--spacing)}.personal-block>h2{color:#171717;color:var(--primary);font-size:1.1rem;margin:0}.personal-grid{display:flex;gap:.75rem;gap:var(--spacing);justify-content:space-between}.personal-grid .input{border:1px solid #ddd;border-radius:5px;border-radius:var(--radius);flex:1 1 auto;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;height:2.5rem;min-width:0;padding:0 .75rem}.actions{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;flex:1 1 auto;gap:.75rem;gap:var(--spacing)}.actions button{width:100%}.submit-btn{background:#171717;background:var(--primary);border:none;border-radius:5px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;padding:.6rem 1.2rem}.submit-btn[disabled]{opacity:.8;position:relative}.submit-btn[disabled]:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:.8rem;left:1rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem}@keyframes spin{to{transform:rotate(1turn)}}.clear-btn{background:#eee;border:1px solid #ddd;border-radius:5px;border-radius:var(--radius);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;padding:.6rem 1.2rem}.clear-btn:hover{background:#ddd}.add-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:5px;border-radius:var(--radius);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;padding:.6rem 1.2rem;position:absolute;right:0;top:0;transition:background .2s,border-color .2s;z-index:10}.add-btn:hover{background:#e0e0e0;border-color:#ccc}@media (max-width:600px){.detail-inputs,.personal-grid,.photos-grid,.properties-container.multi,.property-block{grid-template-columns:1fr}.personal-actions{align-items:stretch;flex-direction:column}}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out forwards;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{animation:slideDownModal .3s ease-out forwards;background:#fff;border-radius:5px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow);max-width:320px;padding:1.5rem;text-align:center}.modal-close-btn{background:#171717;background:var(--primary);border:none;border-radius:5px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);margin-top:1rem;padding:.5rem 1rem}.modal-close-btn:hover{opacity:.9}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideDownModal{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.b88ed00c.css.map*/