#hdbr-cloud-server-calculator *{box-sizing:border-box}.hs-form-field{margin-bottom:1rem}.hs-form-field label{color:#4a5568;display:block;font-weight:600;margin-bottom:.5rem}.hs-form-field input,.hs-form-field select,.hs-form-field textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:.75rem;width:100%}.hs-form-field input:focus,.hs-form-field select:focus,.hs-form-field textarea:focus{border-color:#ff7933;box-shadow:0 0 0 3px rgba(255,121,51,.1);outline:none}.hs-button{background:linear-gradient(135deg,#ff7933,#ff5722);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.hs-button:hover{box-shadow:0 4px 12px rgba(255,121,51,.3);transform:translateY(-2px)}.hdbr-dcv-config-mode-selector{display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-top:16px!important}.hdbr-dcv-config-mode-option{flex:1!important;min-width:200px!important}.hdbr-dcv-config-mode-radio{display:none!important}.hdbr-dcv-config-mode-label{align-items:center!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;padding:12px 16px!important;transition:all .2s ease!important}.hdbr-dcv-config-mode-label:hover{border-color:#ff7933!important}.hdbr-dcv-config-mode-radio:checked+.hdbr-dcv-config-mode-label{background-color:#f0f9ff!important;border-color:#ff7933!important}.hdbr-dcv-config-mode-radio-visual{align-items:center!important;border:2px solid #d1d5db!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:20px!important;justify-content:center!important;margin-right:12px!important;transition:all .2s ease!important;width:20px!important}.hdbr-dcv-config-mode-radio:checked+.hdbr-dcv-config-mode-label .hdbr-dcv-config-mode-radio-visual{border-color:#ff7933!important}.hdbr-dcv-config-mode-radio:checked+.hdbr-dcv-config-mode-label .hdbr-dcv-config-mode-radio-visual:after{background-color:#ff7933!important;border-radius:50%!important;content:""!important;height:10px!important;width:10px!important}.hdbr-dcv-config-mode-text{color:#374151!important;font-size:14px!important;font-weight:500!important}#hdbr-dcv-vms-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.hdbr-dcv-vm-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;transition:all .2s ease}.hdbr-dcv-vm-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.hdbr-dcv-vm-header{border-bottom:none!important;display:flex!important;justify-content:flex-end!important;margin-bottom:16px!important;padding-bottom:0!important}.hdbr-dcv-vm-name-input{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#1f2937!important;font-size:14px!important;font-weight:600!important;padding:10px 12px!important;transition:all .2s ease!important}.hdbr-dcv-vm-name-input:focus{border-color:#ff7933!important;box-shadow:0 0 0 3px rgba(255,121,51,.1)!important;outline:none!important}.hdbr-dcv-remove-vm-btn{align-items:center!important;background:#fff!important;border:1px solid #ef4444!important;border-radius:6px!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;justify-content:center!important;margin-top:16px!important;padding:10px 16px!important;transition:all .2s ease!important;width:100%!important}.hdbr-dcv-remove-vm-btn:hover{background:#fef2f2!important;border-color:#dc2626!important;color:#dc2626!important}.hdbr-dcv-remove-vm-btn svg{height:16px!important;width:16px!important}.hdbr-dcv-vm-name-os-row{display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important;margin-bottom:16px!important}.hdbr-dcv-vm-name-field,.hdbr-dcv-vm-os-field{display:flex!important;flex-direction:column!important;gap:8px!important}.hdbr-dcv-vm-name-field label,.hdbr-dcv-vm-os-field label{color:#6b7280!important;font-size:12px!important;font-weight:500!important;margin:0!important}.hdbr-dcv-vm-resources{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hdbr-dcv-vm-resource{display:flex;flex-direction:column;gap:8px}.hdbr-dcv-vm-resource label{color:#4b5563;font-size:14px;font-weight:600}.hdbr-dcv-vm-input,.hdbr-dcv-vm-select{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#1f2937!important;font-size:14px!important;padding:10px 12px!important;transition:all .2s ease!important}.hdbr-dcv-vm-input:focus,.hdbr-dcv-vm-select:focus{border-color:#ff7933!important;box-shadow:0 0 0 3px rgba(255,121,51,.1)!important;outline:none!important}.hdbr-dcv-vm-input:hover,.hdbr-dcv-vm-select:hover{border-color:#d1d5db}#hdbr-dcv-add-vm-btn{align-items:center;background:linear-gradient(135deg,#ff7933,#ff5722);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 24px;transition:all .3s ease;width:100%}#hdbr-dcv-add-vm-btn:hover{box-shadow:0 4px 12px rgba(255,121,51,.3);transform:translateY(-2px)}#hdbr-dcv-add-vm-btn:active{transform:translateY(0)}@media (max-width:768px){.hdbr-dcv-vm-header{align-items:stretch;flex-direction:column;gap:12px}.hdbr-dcv-vm-name-input{max-width:100%}.hdbr-dcv-vm-resources{grid-template-columns:1fr}}.hdbr-addon-checkbox{opacity:0!important;pointer-events:none!important;position:absolute!important}.hdbr-addon-card{display:flex!important;flex-direction:column!important;gap:12px!important;position:relative!important}.hdbr-addon-card:after{background-color:#fff!important;border:2px solid #d1d5db!important;border-radius:4px!important;content:""!important;height:20px!important;position:absolute!important;right:12px!important;top:12px!important;transition:all .2s ease!important;width:20px!important}.hdbr-addon-card.hdbr-addon-selected:after{background-color:#ff7933!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>')!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:12px 12px!important;border-color:#ff7933!important}.hdbr-addon-content{align-items:flex-start!important;display:flex!important;gap:12px!important}.hdbr-addon-icon{flex-shrink:0!important}.hdbr-addon-icon svg{color:#6b7280!important;height:24px!important;transition:color .2s ease!important;width:24px!important}.hdbr-addon-card.hdbr-addon-selected .hdbr-addon-icon svg{color:#ff7933!important}.hdbr-addon-info{flex:1!important}.hdbr-addon-dropdown,.hdbr-addon-input-group{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.hdbr-addon-dropdown label,.hdbr-addon-input-group label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.hdbr-addon-input,.hdbr-addon-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.hdbr-addon-input:focus,.hdbr-addon-select:focus{border-color:#ff7933;box-shadow:0 0 0 3px rgba(255,121,51,.1);outline:none}.hdbr-addon-card.hdbr-addon-required{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-color:#f59e0b!important}.hdbr-addon-card.hdbr-addon-required .hdbr-addon-name:after{color:#f59e0b;content:" *";font-weight:600}.hdbr-addon-card.hdbr-addon-required:after{border-color:#f59e0b!important}.hdbr-addon-card.hdbr-addon-required.hdbr-addon-selected:after{background-color:#f59e0b!important;border-color:#f59e0b!important}.hdbr-dcv-vm-resources-compact{display:grid!important;gap:12px!important;grid-template-columns:repeat(4,1fr)!important;margin-top:16px!important}.hdbr-dcv-vm-resource-compact{display:flex!important;flex-direction:column!important;gap:6px!important}.hdbr-dcv-vm-resource-compact label{color:#6b7280!important;font-size:12px!important;font-weight:500!important;margin:0!important}.hdbr-dcv-vm-resource-compact input{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;color:#374151!important;font-size:14px!important;padding:8px!important;width:100%!important}.hdbr-dcv-vm-os-row{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:12px!important}.hdbr-dcv-vm-os-row label{color:#6b7280!important;font-size:12px!important;font-weight:500!important;margin:0!important}.hdbr-dcv-vm-select{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#1f2937!important;font-size:14px!important;padding:10px 12px!important;transition:all .2s ease!important}.hdbr-custom-resource-box{background:linear-gradient(135deg,#f9fafb,#fff)!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;padding:24px!important;transition:all .3s ease!important}.hdbr-custom-resource-box:hover{border-color:#d1d5db!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.hdbr-section-header{align-items:center!important;display:flex!important;gap:10px!important;margin-bottom:20px!important;padding-bottom:16px!important}.hdbr-section-label{color:#374151!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.2px!important}.hdbr-ram-section,.hdbr-vcpu-section{margin-top:0!important}.hdbr-ram-labels,.hdbr-vcpu-labels{align-items:baseline!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;padding:0 4px!important}.hdbr-ram-labels span:first-child,.hdbr-ram-labels span:last-child,.hdbr-vcpu-labels span:first-child,.hdbr-vcpu-labels span:last-child{color:#9ca3af!important;font-size:12px!important;font-weight:500!important;opacity:.8!important}.hdbr-ram-value,.hdbr-vcpu-value{color:#111827!important;font-size:30px!important;font-weight:600!important;letter-spacing:-1px!important;line-height:1!important;text-shadow:0 2px 4px rgba(0,0,0,.05)!important;transition:all .3s ease!important}.hdbr-custom-resource-box:hover .hdbr-ram-value,.hdbr-custom-resource-box:hover .hdbr-vcpu-value{color:#374151!important;transform:scale(1.05)!important}.hdbr-slider-container{margin-top:12px!important;padding:0 4px!important}.hdbr-slider-track{background:linear-gradient(90deg,#e5e7eb,#f3f4f6)!important;border-radius:4px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)!important;height:8px!important;position:relative!important}.hdbr-slider-progress{background:linear-gradient(90deg,#374151,#4b5563)!important;border-radius:4px!important;box-shadow:0 2px 4px rgba(55,65,81,.2)!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;transition:width .2s ease!important}.hdbr-slider-thumb{background:#fff!important;border:2px solid #374151!important;border-radius:50%!important;box-shadow:0 3px 8px rgba(0,0,0,.15)!important;cursor:grab!important;height:18px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .2s ease!important;width:18px!important}.hdbr-slider-thumb:hover{border-width:4px!important;box-shadow:0 4px 12px rgba(55,65,81,.3)!important;transform:translate(-50%,-50%) scale(1.15)!important}.hdbr-slider-thumb:active{cursor:grabbing!important;transform:translate(-50%,-50%) scale(1.1)!important}.hdbr-slider-labels{display:none!important}.hdbr-icon-cpu,.hdbr-icon-memory{height:24px!important;opacity:.7!important;transition:opacity .3s ease!important;width:24px!important}.hdbr-custom-resource-box:hover .hdbr-icon-cpu,.hdbr-custom-resource-box:hover .hdbr-icon-memory{opacity:1!important}@media (max-width:768px){.hdbr-dcv-vm-resources-compact{grid-template-columns:repeat(2,1fr)!important}.hdbr-dcv-vm-name-os-row{grid-template-columns:1fr!important}}.hdbr-location-btn{align-items:center!important;display:flex!important;gap:8px!important}.hdbr-custom-select{position:relative;width:100%}.hdbr-custom-select-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s ease;user-select:none}.hdbr-custom-select-trigger:hover{background:#f9fafb;border-color:#d1d5db}.hdbr-custom-select.open .hdbr-custom-select-trigger{border-color:#374151;box-shadow:0 0 0 3px rgba(55,65,81,.1)}.hdbr-custom-select-icon{align-items:center;color:#6b7280;display:flex;flex-shrink:0;justify-content:center}.hdbr-custom-select-value{color:#1f2937;flex:1;font-size:14px;font-weight:500}.hdbr-custom-select-arrow{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease}.hdbr-custom-select.open .hdbr-custom-select-arrow{transform:rotate(180deg)}.hdbr-custom-select-options{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:100}.hdbr-custom-select.open .hdbr-custom-select-options{opacity:1;transform:translateY(0);visibility:visible}.hdbr-custom-select-option{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:all .15s ease}.hdbr-custom-select-option:hover{background:#f3f4f6;color:#1f2937}.hdbr-custom-select-option.selected{background:#f9fafb;color:#374151;font-weight:500}.hdbr-custom-select-option .hdbr-custom-select-icon{color:#6b7280}.hdbr-custom-select-option.selected .hdbr-custom-select-icon,.hdbr-custom-select-option:hover .hdbr-custom-select-icon{color:#374151}