@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:40px 20px}.container{animation:fadeIn .6s ease;margin:0 auto;max-width:1000px}.header{animation:fadeIn .8s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80;margin-bottom:30px;padding:40px;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.header p{color:#6c757d;font-size:16px;font-weight:500}.success{animation:slideIn .5s ease;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #1557241a;border-radius:16px;box-shadow:0 8px 24px #1557241a;color:#155724;font-weight:600;margin-bottom:30px;padding:20px 24px}.card{animation:fadeIn 1s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80;padding:40px}.section-title{animation:slideIn .6s ease;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:5px solid #667eea;border-radius:16px;box-shadow:0 4px 12px #667eea1a;color:#667eea;font-size:18px;font-weight:700;margin:40px 0 24px;padding:18px 24px}.form-group{animation:fadeIn .8s ease;margin-bottom:24px}.form-row{display:flex;gap:24px}.form-row .form-group{flex:1 1}label{color:#495057;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:10px}input,select,textarea{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:15px;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input:focus,select:focus,textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 16px #667eea1a;outline:none;transform:translateY(-2px)}input.readonly{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#667eea;cursor:not-allowed;font-weight:700}h4{color:#495057;font-size:17px;font-weight:700;letter-spacing:-.3px;margin:30px 0 18px}.layanan-item{animation:slideIn .5s ease;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea26;border-radius:16px;margin-bottom:20px;padding:24px;transition:all .3s ease}.layanan-item:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea26;transform:translateY(-4px)}.btn-add,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add:hover,.btn-submit:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-3px)}.btn-add:active,.btn-submit:active{transform:translateY(-1px)}.btn-remove{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:10px 18px;transition:all .3s ease}.btn-remove:hover{background:linear-gradient(135deg,#ee5a6f,#c92a2a);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.btn-submit{font-size:17px;letter-spacing:1px;margin-top:20px;padding:18px;text-transform:uppercase;width:100%}.file-input{background:#fff;cursor:pointer;padding:10px}.file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:12px;padding:10px 20px}.document-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.document-item{align-items:center;background:#667eea0d;border:1px solid #667eea33;border-radius:10px;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px}.btn-remove-doc{background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:24px;transition:all .3s ease;width:24px}.btn-remove-doc:hover{background:#ee5a6f;transform:scale(1.1)}.price-info{background:#fff;border:2px solid #667eea33;border-radius:10px;margin:16px 0;padding:16px}.price-row{color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.price-row.total{border-top:2px solid #667eea33;color:#667eea;font-size:16px;margin-top:8px;padding-top:12px}.total-summary{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:16px;margin:24px 0;padding:24px;text-align:center}.total-summary h3{color:#495057;font-size:18px;margin:0 0 12px}.total-amount{color:#667eea;font-size:32px;font-weight:800;letter-spacing:-1px}.table-container{margin:20px 0;overflow-x:auto}.layanan-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.layanan-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.layanan-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left}.layanan-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px}.layanan-table tbody tr:hover{background:#f8f9fa}.btn-remove-small{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-remove-small:hover{background:#ee5a6f;transform:scale(1.05)}.summary-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;margin-top:24px;padding:24px}.summary-row{align-items:center;color:#495057;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.summary-row input[type=number]{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:6px 10px}.summary-row.total-row{border-top:3px solid #667eea;color:#667eea;font-size:20px;font-weight:700;margin-top:12px;padding-top:16px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:450px;padding:40px;text-align:center;transform-origin:center;width:90%}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{align-items:center;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modal-icon.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);box-shadow:0 8px 24px #15572433;color:#155724}.modal-icon.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);box-shadow:0 8px 24px #721c2433;color:#721c24}.modal-title{color:#212529;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.modal-message{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:28px}.modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:14px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-btn:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-3px)}.modal-btn:active{transform:translateY(-1px)}
/*# sourceMappingURL=main.b6123916.css.map*/