*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.container{max-width:900px;margin:0 auto;background:white;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.header{background:linear-gradient(135deg,#2c5f2d 0%,#97bc4c 100%);color:#fff;padding:40px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.9}.form-container{padding:40px}.section{margin-bottom:40px;padding:30px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.section h2{color:#2c5f2d;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#97bc4c}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.input-group{display:flex;align-items:center;gap:10px}.input-group input{flex:1}.unit{background:#e9ecef;padding:12px 16px;border-radius:8px;font-weight:600;color:#666;white-space:nowrap}.subsection{margin-top:20px;padding:20px;background:white;border-radius:8px;border:1px solid #dee2e6}.subsection h3{color:#495057;margin-bottom:15px;font-size:1.1rem}.info-box{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.add-button{background:#97bc4c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}.add-button:hover{background:#7da33d}.submit-section{text-align:center;padding:40px}.submit-btn{background:linear-gradient(135deg,#2c5f2d 0%,#97bc4c 100%);color:#fff;border:none;padding:16px 40px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .3s}.submit-btn:hover{transform:translateY(-2px)}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.checkbox-group input[type=checkbox]{width:auto}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{text-align:center;font-weight:700;color:#333}