@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#317266;--bg-left:var(--primary-color);--bg-right:#fff;--text-left:#fff;--text-left-muted:#ffffffb3;--text-right:#1a1a24;--text-right-muted:#6b7280;--border-color:#ccc;--radius-md:8px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-right);color:var(--text-right);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}@media (width>=768px){.app-container{flex-direction:row}}.left-panel{background-color:var(--bg-left);color:var(--text-left);flex:1;padding:2rem}@media (width>=768px){.left-panel{justify-content:flex-end;padding:4rem;display:flex}}.left-panel-content{width:100%;max-width:450px}.right-panel{background-color:var(--bg-right);flex:1;padding:2rem}@media (width>=768px){.right-panel{justify-content:flex-start;padding:4rem;display:flex}}.right-panel-content{width:100%;max-width:450px}.form-section-title{color:#30313d;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-right);margin-bottom:.4rem;font-size:.875rem;font-weight:500;display:block}.input-field{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-right);background:#fff;outline:none;padding:10px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.input-group-stacked{background-color:#fff;border:1px solid #ccc;border-radius:6px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 1px 1px #00000008,0 3px 6px #00000005}.input-group-stacked .stacked-row{width:100%;display:flex;position:relative}.input-group-stacked .stacked-row:not(:last-child){border-bottom:1px solid #ccc}.input-group-stacked .stacked-input{color:#30313d;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:42px;padding:10px 16px;font-family:inherit;font-size:.9375rem}.input-group-stacked select.stacked-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input-group-stacked .stacked-input::placeholder{color:#a0aec0}.input-group-stacked .stacked-input:focus{box-shadow:inset 0 0 0 2px var(--primary-color);z-index:1;background-color:#fcfcfc;position:relative}.payment-methods-container{border:1px solid #ccc;border-radius:6px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 1px 1px #00000008,0 3px 6px #00000005}.payment-method-row{cursor:pointer;background-color:#fff;align-items:center;padding:14px 16px;transition:background-color .15s;display:flex}.payment-method-row:not(:last-child){border-bottom:1px solid #ccc}.payment-method-row:hover{background-color:#fafafa}.payment-method-row.selected{background-color:#fff}.payment-method-row input[type=radio]{accent-color:#30313d;margin-right:12px;transform:scale(1.1)}.payment-method-label{color:#30313d;flex-grow:1;font-size:.9375rem;font-weight:500}.payment-method-icons{gap:.5rem;display:flex}.payment-method-icons img{height:20px}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:1rem;font-weight:500;transition:all .15s;display:flex;box-shadow:0 2px 4px #00000012,0 1px 1px #0000000d}.btn-primary:hover{filter:brightness(.95)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.summary-item{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.summary-item-left{align-items:center;gap:1rem;display:flex}.summary-item-icon{border-radius:var(--radius-sm);background-color:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.summary-divider{border-top:1px solid #ffffff26;margin:1rem 0}.total-due-row{justify-content:space-between;font-size:1rem;font-weight:600;display:flex}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}